.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: 1em; margin-right: .5em; float: left; } .basket .line > .photo { margin-right: 1em; float: left; border-radius: 50%; height: 4.25em; width: 4.25em; } .basket .line > .info { margin-left: 7.5em; } .basket .line > .info > h2 { font-size: 1em; font-weight: normal; padding: 0; padding-bottom: .1em; } .basket .line > .info > p { margin: 0; } .basket .line > .info > .tags { color: #777; } .basket .line .subtotal { float: right; } /* Fields */ .basket td.available-exceeded input { background-color: #FCC; } .basket .icon > img { border-radius: 50%; }