/*
	Primary colour = ffff33
	Dark colour = cccc66
	Light colour = ffffcc
*/

body
{
	padding: 0;
	margin: 0;
	border: 0;
	font-size: 16px;
	line-height: 1.25em;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, tahoma, sans-serif, MS Sans Serif;
	color: black;
	background:#fff;
}

h1 {
  font-size: 150%;
/*
  font-family: Verdana, Arial, Helvetica, sans-serif;
*/
  color: #226;
  border-bottom: 3px dotted #cccc66;
  padding-bottom: 0.25em;
}

a:link, a:visited, a:hover, a:active {
/*
	font-family: Verdana, Arial, Helvetica, sans-serif;
*/
}

/* START:notice */
#notice {
  border: 2px solid red;
  padding: 1em;
  margin-bottom: 2em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
}
/* END:notice */

/* Styles for admin/list */

#the-list .list-title {
	color:        #244;
	font-weight:  bold;
	font-size:    larger;
}

#the-list .list-image {
  width:        80px;
  height:       60px;
}


#the-list .list-actions {
  font-size:    x-small;
  text-align:   right;
  padding-left: 1em;
}

#the-list .list-line-even {
  background:   #cccc66;
}

#the-list .list-line-odd {
  background:   #ffffcc;
}

/* Styles for main page */
#banner {
  background: #ffff33;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: 2px solid;
  color: #cccc66;
  text-align: center;
  clear: both;
}

#banner img {
  float: left;
}

#columns {
  background: #ffffcc;
}

#main {
  margin-left: 15em;
  padding-top: 1em;
  padding-left: 1em;
  padding-right: 1em;
  background: white;
}

#nojs {
	background: #f93;
	padding: 5px 0;
	text-align: center;
}

#side {
  float: left;
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: 1em;
  width: 14em;
  background: #ffffcc;
}

#side a, #side a:link, #side a:visited, #side a:hover {
	font-size: 100%;
}

#side a:hover.nav-item {
	display: block;
	width: 150px;
	color: grey;
	text-decoration: none;
	background: url(/images/button-link.gif) 100% no-repeat;
}

/* Style for Main Store/Catalogue page */
.million-main .category-item {
	margin-right: 0.25em;
	margin-bottom: 0.25em;
	padding: 1em;
	border-width: thin;
	border-style: dotted;
	border-color: #000000;
	background-color: #cccc66;
	float: left;
	display: inline;
	font-size: 36px;
}

.million-store .category-item {
	margin-right: 2em;
	display: inline;
	font-size: 14px;
}


/* And entry in the store catalog */
#store  .entry {
  border-bottom: 1px dotted #77d;
}

#store  .title {
  font-size: 120%;
  font-family: sans-serif;
}

#store .entry img {
  width: 80px;
  height: 60px;
  padding-right: 0.5em;
  float: left;
}

#store .entry h3 {
 margin-bottom: 0.17em;
 color: #227;
}

#store .entry p {
 margin-top: 0px; 
 margin-bottom: 0.8em;
 margin-left: 90px;
 display: block;
}

#store .entry .price-line {
}

#store .entry .add-to-cart {
  position: relative;
}

#store .entry .price {
  color: #44a;
  font-weight: bold;
  margin-right: 2em;
}

/* START:inline */
#store .entry form, #store .entry form div {
  display: inline;
}
/* END:inline */

/* START:cart */
/* Styles for the cart in the main page and the sidebar */

.cart-title {
  font: 120% bold;
  color:  #226;
}
/* Styles for the cart in the sidebar */

#cart, #cart table {
  font-size: smaller;	
  color:     black;

}

#cart table {
  border-top:    1px dotted #cccc66;
  border-bottom: 1px dotted #cccc66;
  margin-bottom: 10px;
}
/* END:cart */

/* Styles for pages in the Home section */

.million-home .rightimg {
	margin: 0.25em;
	float: right;
}

.million-home .leftimg {
	margin: 0.25em;
	float: left;
}

.million-home label {
	font-weight: bold;
}

.million-home p {
	margin-right: 0.5em;
	clear: right;
}

/* Styles for Contact from */
.million-contact label {
	margin-top: 5px;
	margin-bottom: 2px;
	font-weight: bold;
}

/* Styles for order form & Admin section */

.million-form fieldset, .million-readonly fieldset {
  background: #efe;
}

.million-form legend, .million-readonly legend {
  color: #ffffff;
  background: #cccc66;
  font-style: sans-serif;
  padding: 0.2em 1em;
}

.million-form label, .million-readonly label {
  width: 8.5em;
  float: left;
  text-align: right;
  margin-right: 0.5em;
  display: block;
}

.million-form .comment, .million-readonly .comment {
  display: block;
  margin-left: 9em;
  font-style: italic;
  color: #9c9c9c;
}
.million-form .submit, .million-readonly .submit {
  margin-left: 9em;
}

/* Additional styles for pages in the Admin section */
.million-readonly label {
	font-weight: bold;
}

.million-readonly .values, .million-readonly img  {
	margin-left: 9em;
	display: block;
}

.million-readonly img {
	max-width: 400px;
	max-height: 300px;
}

/* In-place-edit */
.inplaceeditor-form input[type="text"] { 
	width: 30em; 
}

/* Miscellaneous style */
.sub_note, legend .sub_note {
	font-size: 60%;
	font-style: italic;
	color: grey;
}

legend .sub_note {
	color: white;
}

.label {
	font-weight: bold;
	font-style: italic;
}
/* The error box */

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

#mainContent
{
	background-color: white;
	padding: 0;
	margin: 0;
	border: 0;
	clear: both;
	min-width: 560px;
	/* Will not apply to IE, since it does not understand minimum width */
	width: 100%;
	display: block;
}

#theFooter
{
	background-color: white;
	padding: 0px;
	margin: 10px 0px 5px 0px;
	border: 0;
	clear: both;
	min-width: 540px;
	/* Will not apply to IE, since it does not understand minimum width */
	width: 100%;
	display: block;
	font-size: 80%;
	text-align: center;
	color: gray;
}