/* Global styles */
+/* Global styles */
+
+/* START:notice */
+#notice {
+ border: 2px solid red;
+ padding: 1em;
+ margin-bottom: 2em;
+ background-color: #f0f0f0;
+ font: bold smaller sans-serif;
+}
+/* END:notice */
+
h1 {
font: 150% sans-serif;
color: #226;
/* Styles for products/index */
-#product-list table {
+#pretty-list table {
border-collapse: collapse;
}
-#product-list table tr td {
+#pretty-list table tr td {
padding: 5px;
vertical-align: top;
}
-#product-list .list-image {
+#pretty-list .list-image {
width: 60px;
height: 70px;
}
-#product-list .list-description {
+#pretty-list .list-description {
width: 60%;
}
-#product-list .list-description dl {
+#pretty-list dl {
margin: 0;
}
-#product-list .list-description dt {
+#pretty-list dt {
color: #244;
font-weight: bold;
font-size: larger;
}
-#product-list .list-description dd {
+#pretty-list dd {
margin: 0;
}
-#product-list .list-actions {
+#pretty-list .list-description .unavailable {
+ color: #f00;
+}
+
+#pretty-list .list-actions {
font-size: x-small;
text-align: right;
padding-left: 1em;
}
-#product-list .list-line-even {
+#pretty-list .list-line-even {
background: #e0f8f8;
}
-#product-list .list-line-odd {
+#pretty-list .list-line-odd {
background: #f8b0f8;
}
+
+/* Styles for main page */
+#banner {
+ background: #9c9 ;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ border-bottom: 2px solid;
+ font: small-caps 40px/40px "Times New Roman", serif;
+ color: #282 ;
+ text-align: center;
+}
+
+#banner img {
+ float: left;
+ padding: 2px 15px;
+}
+
+#columns {
+ background: #141 ;
+}
+
+#main {
+ margin-left: 13em;
+ padding-top: 4ex;
+ padding-left: 2em;
+ background: white;
+}
+
+#side {
+ float: left;
+ padding-top: 1em;
+ padding-left: 1em;
+ padding-bottom: 1em;
+ width: 12em;
+ background: #141 ;
+}
+
+#side a {
+ color: #bfb ;
+ font-size: small;
+}
+
/* An entry in the store catalog */
#store .entry {
font-family: sans-serif;
}
-#store .entry img {
+#store .entry img, #store .entry form input[type="image"] {
width: 75px;
float: left;
+ border: 0;
}
-
#store .entry h3 {
margin-top: 0;
margin-bottom: 2px;
color: #227;
}
+#store .entry h3 a:link, #store .entry h3 a:visited, #store .entry h3 a:active {
+ color: #227;
+ text-decoration: none;
+
+}
+
#store .entry p {
margin-top: 0.5em;
margin-bottom: 0.8em;
margin-right: 2em;
}
+#store .entry form, #store .entry form div {
+ display: inline;
+}
+
+
+/* START:cartmain */
+/* Styles for the cart in the main page */
+
+.cart-title {
+ font: 120% bold;
+}
+
+.item-price, .total-line {
+ text-align: right;
+}
+
+.total-line .total-cell {
+ font-weight: bold;
+ border-top: 1px solid #595;
+}
+/* END:cartmain */
+
+/* START:cartside */
+/* Styles for the cart in the sidebar */
+
+#cart, #cart table {
+ font-size: smaller;
+ color: white;
+}
+
+#cart table {
+ border-top: 1px dotted #595;
+ border-bottom: 1px dotted #595;
+ margin-bottom: 10px;
+}
+/* END:cartside */
+
+/* START:form */
+/* Styles for order form */
+
+.depot-form fieldset {
+ background: #efe;
+}
+
+.depot-form legend {
+ color: #dfd;
+ background: #141;
+ font-family: sans-serif;
+ padding: 0.2em 1em;
+}
+
+.depot-form label {
+ width: 5em;
+ float: left;
+ text-align: right;
+ padding-top: 0.2em;
+ margin-right: 0.1em;
+ display: block;
+}
+
+.depot-form select, .depot-form textarea, .depot-form input {
+ margin-left: 0.5em;
+}
+
+.depot-form .submit {
+ margin-left: 4em;
+}
+
+.depot-form div {
+ margin: 0.5em 0;
+}
+/* END:form */
+
/* The error box */
.fieldWithErrors {