KRK Classic 7 Gen 3 7” Studio Monitor

body {
background: #eeeeee;
}
#product-image {
width: 100%;
}
#alto-inline-right {
display: inline-block;
float: right;
width: 400px;
}
#alto-inline-left {
display: inline-block;
float: left;
width: 400px;
}
#padding-bottom-20 {
padding-bottom: 20px;
}
#SuperWrapper {
width: 800px;
margin-left: auto;
margin-right: auto;
font-family: ‘Ubuntu’, sans-serif;
font-size: 12px;
padding: 25px 0px;
}
#SuperWrapper p {
margin: 0px;
padding: 0px 0px 15px 0px;
line-height: 20px;
}
#SuperWrapper h1 {
padding: 5px 0px 5px 0px;
margin: 0px;
font-size: 26px;
font-weight: bold;
letter-spacing: -1px;
color: #b00000;
font-family: ‘Ubuntu’, sans-serif;
}
#SuperWrapper h2 {
padding: 5px 0px 5px 0px;
margin: 0px;
font-size: 38px;
font-weight: bold;
letter-spacing: -1px;
color: #b00000;
font-family: ‘Ubuntu’, sans-serif;
}
#SuperWrapper a {
font-weight: bold;
text-decoration: underline;
color: #f50000;
}
#SuperWrapper a:hover {
text-decoration: none;
}
#SuperHeader {
width: 800px;
height: 150px;
background: #000;
text-align: center;
}
/*#SuperHeader::after {*/
/*content: “”;*/
/*background: #eee;*/
/*top: 0;*/
/*left: 0;*/
/*bottom: 0;*/
/*right: 0;*/
/*position: absolute;*/
/*z-index: -1;*/
/*}*/
#SuperHeaderLogo {
padding: 20px 0 30px 0px;
font-family: ‘Ubuntu’, sans-serif;
font-size: 48px;
font-weight: bold;
margin: 0px;
color: #FFFFFF;
text-shadow: 1px 1px 1px #000;
}
#SuperHeaderMenu {
margin: 0px;
}
#SuperHeaderMenu ul.navi {
padding: 0px;
margin: 0px 0px 0px 0px;
width: 800px;
text-align: center;
position: relative;
}
#SuperHeaderMenu ul.navi li {
height: 22px;
padding: 0 10px 0 10px;
margin: 0px;
display: inline;
}
#SuperHeaderMenu ul.navi li a {
padding: 0px 8px 0px 8px;
font-family: ‘Ubuntu’, sans-serif;
color: #FFFFFF;
background-color: #444444;
text-decoration: none;
text-indent: 0px;
font-weight: bold;
margin: 0px;
padding: 10px;
width: inherit;
line-height: normal;
}
#SuperHeaderMenu ul.navi li a:hover {
color: #FFCC00;
}
#SuperContentsWrapper {
width: 800px;
}
#SuperContents {
width: 800px;
background: #ffffff;
background-repeat: no-repeat;
padding: 25px;
box-sizing: border-box;
}
#SuperContentsSub {
padding: 30px 40px 0px 40px;
}
#SuperBoxContents {
padding: 0px 80px 0px 80px;
margin: 0px;
}
#SuperBoxContents p {
padding: 0px 0px 10px 0px;
margin: 0px;
line-height: 20px;
}
#SuperBoxContents ul {
padding: 0px 0px 0px 28px;
margin: 0px;
list-style-type: disc;
}
#SuperBoxContents li {
line-height: 20px;
}
#SuperPayment {
width: 800px;
}
#SuperPaymentTop {
width: 800px;
height: 83px;
font-size: 28px;
}
#SuperPaymentContents {
width: 800px;
}
#SuperPaymentBottom {
width: 800px;
height: 53px;
}
#SuperShipping {
width: 800px;
}
#SuperShippingTop {
width: 800px;
height: 83px;
}
#SuperShippingContents {
width: 800px;
}
#SuperShippingBottom {
width: 800px;
height: 53px;
}
#SuperContacts {
width: 800px;
}
#SuperContactsTop {
width: 800px;
height: 83px;
}
#SuperContactsContents {
width: 800px;
}
#SuperContactsBottom {
width: 800px;
height: 53px;
}
#SuperReturns {
width: 800px;
}
#SuperReturnsTop {
width: 800px;
height: 83px;
}
#SuperReturnsContents {
width: 800px;
}
#SuperReturnsBottom {
width: 800px;
height: 53px;
}
/* HTML5 ELEMENTS */
/* sub images > thumbnail list */
ul#SuperThumbs, ul#SuperThumbs li {
margin: 0;
padding: 0;
list-style: none;
}
ul#SuperThumbs li {
float: left;
background: #ffffff;
border: 1px solid #cccccc;
margin: 0px 0px 10px 10px;
padding: 8px;
/*-moz-border-radius: 10px;*/
/*border-radius: 10px;*/
}
ul#SuperThumbs a {
float: left;
display: block;
width: 150px;
height: 150px;
line-height: 100px;
overflow: hidden;
/*position: relative;*/
z-index: 1;
}
ul#SuperThumbs a img {
float: left;
width: 100%;
/*height: 100%;*/
border: 0px;
transition-delay: 0s;
}
/* sub images > mouse over */
ul#SuperThumbs a:hover {
overflow: visible;
z-index: 1000;
border: none;
transition-delay: 1s;
}
ul#SuperThumbs a:hover img {
background: #ffffff;
border: 1px solid #cccccc;
padding: 10px;
/* -moz-border-radius: 10px; */
/* border-radius: 10px; */
position: absolute;
margin-top: 0;
left: 30%;
width: auto;
height: auto;
max-width: 800px;
max-height: 600px;
box-shadow: 0px 0px 8px #ccc;
}
/* sub images > clearing floats */
ul#SuperThumbs:after, li#SuperThumbs:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul#SuperThumbs, li#SuperThumbs {
display: block;
}
ul#SuperThumbs, li#SuperThumbs {
min-height: 1%;
}
ul#SuperThumbs {
margin: 10px 0px;
}
* html ul#SuperThumbs, * html li#SuperThumbs {
height: 1%;
}