.basket { padding: 1em; } .basket .box { max-width: 30em; margin: 0 auto; padding: 0 2em; } .basket .form > p { margin: 0; font-size: 1.4em; color: white; text-align: right; } .basket .head { padding: 1.8em 0; margin: 0; border-bottom: 1px solid #DDD; } .basket .head p { margin: 0; padding: 0; font-size: 1.4em; text-align: right; } /* Lines */ .basket .lines { padding: .8em 0; } .basket .line { padding: 1em 0; } .basket .line > .delete { margin: -0.5em; margin-top: .3em; margin-right: .5em; float: left; } .basket .line > .photo { margin-right: 1em; float: left; border-radius: 50%; height: 3.2em; } .basket .line > p { margin: .1em 0; margin-left: 7.5em; } .basket .line .subtotal { float: right; } /* Fields */ .basket td.available-exceeded input { background-color: #FCC; } .basket .icon > img { border-radius: 50%; }