.infospot .header { padding: 10px; position:relative; }
.infospot .header h1 { display: none; color: #3c9ad9; font-size: 18px; font-weight: normal; margin: 0; }
.infospot .header span { color: #1264aa; }
.infospot .header .close { z-index: 10000; position: absolute; top: 10px; right: 10px; border: 1px solid; padding: 0px 6px 3px; }
.infospot .middle {}
.infospot .middle .image { float: left; width: 180px; text-align:left; }
.infospot .middle .image img { max-width: 170px; }

.infospot .middle .pi_product h1 { margin: 0; font-size: 20px; text-transform: uppercase; font-weight: bold; }
.infospot .middle .pi_product span { margin-bottom: 5px;
display: block; }

.infospot .middle .pi_product .desc { line-height: 120%; font-size: 14px; padding-bottom: 5px; }

.infospot .middle .description { float: left; width: 240px; }
.infospot .middle .description .cart {}
.infospot .middle .description .cart label { font-weight: bold; cursor: pointer; }
.infospot .middle .description .cart input {}

.infospot .middle .description .cart button { text-align:center; cursor: pointer; background: #ed1c24; border: 0 none; border-radius: 5px; color: #fff; display: block; font-size: 16px; line-height: 30px; margin: 10px 0; width: 95%; }

.infospot .middle .description .cart button:hover { background: #bb141a; }
.infospot .middle .description .price { padding-bottom: 10px; }
.infospot .middle .description .price div { padding: 10px 0; }
.infospot .middle .description .price span {}
.infospot .middle .priceinfo { padding: 10px 15px; }

.infospot .footer { border-top: 1px solid #e4e4e4; background: #f8f8f8; padding: 10px 15px; }
.infospot .footer .availability  {}
.infospot .footer .availability span { position: relative; padding-left: 20px; }
.infospot .footer .availability span:after { content: ""; height: 10px; left: 4px; position: absolute; top: 2px; width: 10px; }
.infospot .footer .availability .green { color: #76b842; }
.infospot .footer .availability .green:after { background: #76b842; }
.infospot .footer .availability .orange { color: #f39200; }
.infospot .footer .availability .orange:after { background: #f39200; }
.infospot .footer .availability .red { color: #ed1b2f; }
.infospot .footer .availability .red:after { background: #ed1b2f; }