/* ==========================================================================
   Widget Styles
   ========================================================================== */

/* Override CMS base width (248px) so widgets fill their container */
.widgetdiv1 {
  width: 100% !important;
}

/* Sidebar widget wrapper */
.col_small .widgetdiv1,
.store_sidebar .widgetdiv1 {
  background: #f2eee9;
  border-radius: 6px;
  margin-bottom: 12px;
  padding: 0;
  font-size: 0.9em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  overflow: hidden;
}

.col_small .widgetdiv2,
.store_sidebar .widgetdiv2 {
  padding: 0;
}

.col_small .widgetdiv3,
.store_sidebar .widgetdiv3 {
  padding: 12px;
}

/* Sidebar text */
.col_small p, .store_sidebar p { margin-bottom: 0; }
.col_small ul, .store_sidebar ul { list-style: none; margin: 0; padding: 0; }

/* Headings */
.col_large h2,
.widget h3 {
  margin: 0;
  padding: 0 0 5px;
  color: #b7b98f;
  font-size: 1.5em;
  font-weight: 700;
}

.col_small h3,
.store_sidebar h3 {
  font-size: 1.05em;
  color: #715a44;
  line-height: 1.3;
  margin: 0 0 6px;
}

/* Widget content */
.widget ul { list-style: none; margin: 0; padding: 0; }

.widget .textfield,
.widget textarea {
  width: 100%;
  margin-bottom: 3px;
  padding: 6px 8px;
  border: 1px solid #ccc;
  border-radius: 3px;
}

.widget textarea { height: 10em; }
.widget label { font-weight: 700; font-size: 0.9em; color: #888; }
.widget .more { text-align: right; font-size: 0.9em; }