/* CSS Document */

div#shop-content { padding: 10px 30px } 

ul#product-columns { list-style: none; margin: 0; padding: 0 }
ul#product-columns li { width:390px; float: left }
ul#product-columns li.first {  margin: 0 22px 0 0 ; padding: 0  }

dl.product-list { border-bottom: 6px solid #a7a2a9; padding: 10px 0 16px 0; float: left; width: 390px; }
dl.product-list dd { padding: 0 10px; margin: 0 }
dl.product-list dd.img {float: right; border: white 2px solid ; margin: 10px 10px 6px 10px; padding: 0 }
dl.product-list dd.img img { margin: 2px; padding: 0 }
dl.product-list h3 { font-size: 1.4em; font-weight: normal; background: #791f79; color: white; margin: 0; padding: 5px 10px }
dl.product-list h3 span { font-weight: bold }
dl.product-list dd.form { float: right }
dl.product-list dd.form legend { font-weight: bold } 
dl.product-list dd.form fieldset { border: none }
dl.product-list dd.form ol { list-style: none; margin: 0 15px; padding: 0; width: 140px }
dl.product-list dd.form ol li { padding: 18px 4px; float: left; width: 55px !important }
dl.product-list dd.form ol li label { float: left; padding: 2px 5px 0 0 }
dl.product-list dd.form ol li.submit { padding: 0 10px }
dl.product-list dd.form ol li.submit label { text-indent: -9999px; display: block }
dl.product-list dd.form ol input[type=text] { width: 30px }

.highlight { font-weight: bold; color: #d5a7d5; font-size: 1.2em }


table#basketContents { width: 100%; border-collapse: collapse }
table#basketContents tr.totals { font-weight: bold }
table#basketContents tr.firsttotal { border-top: 2px solid white }
table#basketContents tr.highlightedcell { border-bottom: 1px solid silver; border-top: 1px solid silver }
table#basketContents th { background: #791f79 }
table#basketContents th, table#basketContents td { padding: 4px }
table#basketContents td.edit { text-align: center; width: 140px }
table#basketContents td.edit input[type=image] { margin: 0 0 -12px 5px }
table#basketContents td.delete { text-align: center; width: 50px }
table#basketContents td.delete input[type=image] { padding-top: 3px }
table#basketContents td.price { text-align: right; width: 40px; }
table#basketContents td.grandtotal { font-size: 18px }
table#basketContents form, table#basketContents fieldset, table#basketContents ul, table#basketContents li { padding: 0; margin: 0 }
table#basketContents fieldset { border: none }
table#basketContents legend { display: none }

#checkoutform fieldset { border: none }
#checkoutform legend { font-size: 15px; font-weight: bold;  display: block; width: 600px; }
#checkoutform ol { list-style: none }
#checkoutform ol li { clear: left; padding: 5px }
#checkoutform label, #checkoutform input[type=text] { width: 140px; float: left; margin-right: 10px }

#customerDetails { list-style: none;  }
#customerDetails li { float: left; margin-right: 10px; width: 200px }
#customerDetails li dt { width: 70px; float: left }

#payButton { clear: both; text-align: right }

img { border: none }

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden }
.la { text-align: left }
.ra { text-align: right }

#trade_login fieldset { border: none }
#trade_login legend { text-indent: -9999px }
#trade_login ul { list-style: none }
#trade_login label { float: left; width: 150px; padding-top: 5px }
#trade_login li { padding: 2px 0 }
#trade_login li.submit {  padding: 10px 0 0 360px }