/* shop.css - selector rules specific to shop/hire pages */

#primaryContent { background: #fff; border-right: 1px dotted #333; width: 698px; }
#secondaryContent { background: #d49595; width: 259px; }
#secondaryContent h3 { font-size: 110%; }

ul.productList li { clear: both; margin-bottom: 10px; padding-bottom: 10px; }
ul.productList li div.productHolder { border: 1px dotted #ccc; }
ul.productList li div.productHolder div { padding: 0 5px; }
ul.productList li h2 { background: #d49595; padding: 5px; }
ul.productList li h3 { font-size: 110%; }
ul.productList li div.previewImage { float: left; margin: 27px 10px 10px 0; width: 112px; }
ul.productList li img { border: 1px solid #999; margin-bottom: 5px; }
ul.productList li div.previewImage a p { text-decoration: underline; }
ul.productList li div.productInfo { width: auto; }
ul.productList li div form { float: left; }
ul.productList li div form img { position: absolute; left: -999em; }
table { border: 1px dotted #999; margin-bottom: 10px; width: 400px; }
#secondaryContent table { width: 100%; }
table th, table tbody td { border: 1px dotted #999; border-right: 0; padding: 5px; width: 50%; }
#secondaryContent table tbody td { width: auto; }
#secondaryContent table tbody td.priceRange { width: 55%; }
table th { border-bottom: 0; font-weight: 700; }
ul.productList li p.topLink { clear: both; margin-right: 136px; padding-left: 5px; text-align: left; }
form input[type="text"] { border: 1px solid #999; margin-top: 6px; padding: 3px; width: 200px; }
form select { border: 1px solid #999; margin: 6px 0; padding: 3px; }
form option { padding: 0 5px 2px 5px; }

p.notice { border: 1px solid #cc0000; padding: 10px; }
p.notice strong { color: #cc0000; display: inline-block; font-weight: 700; font-size: 120%; padding-bottom: 5px; }