/*
 * Set text-align center so IE 5 and lower will center the whole layout,
 * reset back to left align using the containing div.
 */
body {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#Home {
    position: absolute;
	left: 50%;
	width: 708px;
	margin-top: 15%;
	margin-left: -350px;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}
form {
    margin: 0;
    padding: 0;
	/* display: inline; */
}
table {
    border-collapse: collapse;
}
table tr {
    vertical-align: top;
}
table td {
    padding: 0;
    margin: 0;
}

A {
    text-decoration: none;
}
A:hover {
    color: blue;
    text-decoration: underline;
}

#Footer {
	clear: both;
    border: 2px #6a7e2a solid;
	border-width: 2px 0 0 0;
	margin: 20px 10px 10px 10px;
    padding: 5px;
	font-size: 8pt;
}

.Clear {
	clear: both;
	line-height: 0px;
	font-size: 0;
}

/***** nav styles *****/
#Nav {
    margin: 0;
    padding: 0;
    text-align: center;
}
#Nav DD {
    width: 90px;
    height: 35px;
    margin: 0;
    padding: 0;
    text-align: center;
}
#Nav DD A {
    height: 35px;
}
#Nav DD A IMG {
    height: 35px;
    width: 90px;
    margin: 0;
    padding: 0;
}
/* firefox override */
#Nav > DD {
    height: 40px;
}
#Nav > DD A {
    top: 0;
    height: 40px;
}
#Nav > DD A IMG {
    height: 40px;
}
/* home page overrides */
#Home #Nav {
    margin-top: 30px;
}
#Home #Nav DD {
    float: left;
}
#Home #Nav>DD {
    margin: 0;
}
#Home .Calendar,
    #Home .Offers {
    position: relative;
    left: 15%;
}

.About {
    background: no-repeat transparent url(Images/About.gif) top left;
}
.AboutOver {
	background: no-repeat transparent url(Images/About-hover.gif) top left;
}
#About .About {
    background: no-repeat transparent url(Images/About-on.gif) top left;
}

.Catalog {
    background: no-repeat transparent url(Images/Catalog.gif) top left;
}
.CatalogOver {
	background: no-repeat transparent url(Images/Catalog-hover.gif) top left;
}
#Catalog .Catalog {
    background: no-repeat transparent url(Images/Catalog-on.gif) top left;
}

.Cart {
    background: no-repeat transparent url(Images/Cart.gif) top left;
}
.CartOver {
	background: no-repeat transparent url(Images/Cart-hover.gif) top left;
}
#Cart .Cart {
    background: no-repeat transparent url(Images/Cart-on.gif) top left;
}

.Calendar {
    background: no-repeat transparent url(Images/Calendar.gif) top left;
}
.CalendarOver {
	background: no-repeat transparent url(Images/Calendar-hover.gif) top left;
}
#Calendar .Calendar {
    background: no-repeat transparent url(Images/Calendar-on.gif) top left;
}

.Offers {
    background: no-repeat transparent url(Images/Offers.gif) top left;
}
.OffersOver {
	background: no-repeat transparent url(Images/Offers-hover.gif) top left;
}
#Offers .Offers {
    background: no-repeat transparent url(Images/Offers-on.gif) top left;
}

/***** messages styles *****/
ul#Messages {
	padding: .25em .25em .25em 1em;
	margin: 0 0.5em 0.5em 0.5em;
	background-color: #eef;
	border: 1px solid #488bd0;
	list-style-type: none;
}
ul#Messages li {
	margin: 0;
}

.Right {
    float: right;
    width: 300px;
    margin-left: 10px;
}

/***** admin styles *****/
.anonymous .GXPage {
	display: none;
}
.EditLink {
	background-color: #f9ecaf;
}
.GXPage-EditMe-On {
	background-color: transparent !important;
	cursor: pointer !important;
}

.GXEditorEditMe {
	background-color: #f9ecaf;
	position: absolute;
	display: none;
	padding: 3px 8px;
	font-size: 18pt;
	opacity: 0.7;
	border: 1px #bfb586 solid;
	z-index: 100;
}

#GXPage-EditMe {
	height: 20px;
	background-color: #f9ecaf;
	padding: 3px;
	border: 1px #bfb586 solid;
	position: absolute;
}
LABEL.GXEditor {
	background-color: #f9ecaf;
	border-bottom: 2px #bfb586 solid;
	height: 20px;
	display: block;
	position: relative;
	z-index: 100;
}

/***** catalog styles *****/
.AlbumList .Album {
    float: left;
    width: 20%;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.Album {
    margin-right: 20px;
}
.Album .Thumb {
    margin: 0;
}
.Album .SubTitle {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    margin-top: 0;
}
.Album .Description {
    font-size: 10pt;
}
.Album .ActionBar {
    text-align: left;
    /*
    background-color: #efefef;
    border: 1px #d7d4ae solid;
    */
    background-color: #e4eccb;
    border: 2px #8f63a0 solid;
}
.Album .ActionBar UL {
    margin: 0;
    padding: 0;
    list-style: none;
}
.Album .ActionBar UL LI {
    margin: 0;
    padding: 0;
    font-size: 9pt;
}
.Album .ActionBar #Label {
    width: 70%;
}
.Album .ActionBar #Price {
    text-align: right;
    width: 20%;
    border: 1px orange solid;
}

.Title {
    color: #6a7e2a;
    font-size: 24pt;
    font-family: Georgia, serif;
    /*
    background-color: #d7d4ae;
    vertical-align: center;
    margin-bottom: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    */
}
.Title H1 {
    background-color: #6a7e27;
    color: white;
    font-size: 14pt;
    padding: 5px;
    margin: 0;
    font-weight: normal;
}
.Title H1 A,
    .Title H1 A:visited {
    color: white;
}
.Title H2 {
    background-color: #e4eccb;
    /* background-color: #6a7e27; */
    font-size: 14pt;
    padding: 5px;
    margin: 0;
    font-weight: normal;
}
.Album .Artists {
    font-size: 9pt;
    font-style: italic;
}

.Album .Layout TD {
    padding: 5px;
}

/***** lists *****/
.List {
    width: 100%;
    float: left;
}
FORM > .List {
    float: none;
}
.List thead {
    background-color: #e4eccb;
    font-weight: bold;
}
.List thead TD {
    border-bottom-width: 1px;
    color: #6a7e27;
}
.List #Odd {
    background-color: #efefef;
}
.List TD {
    padding: 3px;
    border: 1px white solid;
    border-width: 0 1px 0 0;
    vertical-align: top;
}
.List #Numeric {
    text-align: right;
}
.List #Numeric INPUT {
    width: 30px;
}
.List .Total TD {
    border-top: 2px black solid;
    vertical-align: top;
    font-weight: bold;
}
.List .Total P {
    margin: 0;
}

/***** form styles *****/
.dataEntryBox {
    margin: 10px;
    display: table;
    width: 100%;
}
.dataEntryBox #SectionLabel {
    width: auto;
    color: #999999;
}
.dataEntryBox UL {
    clear: both;
    margin: 2px;
    font-weight: bold;
    border: 2px #d5dde8 solid;
    border-width: 2px 0 0 0;
    list-style-type: none;
}
.dataEntryBox LI {
    float: left;
    margin: 0;
    padding: 5px;
    list-style-image: none;
}
.dataEntryBox #Label {
    width: 20%;
    text-align: right;
    color: #999999;
    font-weight: bold;
}
.dataEntryBox #Input {
    font-weight: normal;
}
.dataEntryBox #Description {
    font-weight: normal;
    font-style: italic;
    color: #999999;
}
.dataEntryBox .Optional #Label {
    color: #999999;
    border: 5px white solid;
    border-width: 0 0 0 5px;
}
.dataEntryBox .Required #Label {
    color: #cbac72;
    border: 5px #e4d8c2 solid;
    border-width: 0 0 0 5px;
}
.dataEntryBox .Error #Label {
    color: #c44828;
    font-weight: bold;
    border: 5px #c44828 solid;
    border-width: 0 0 0 5px;
}
#submitAction {
    border: 2px #55879a solid;
    background-color: #efefef;
}
#deleteAction {
    border: 2px red solid;
    background-color: #efefef;
    margin-right: 20%;
}
.ActionBar {
    background-color: #e4eccb;
    border: 2px #8f63a0 solid;
    padding: 5px;
    margin: 5px 0;
    text-align: center;
    font-size: 10pt;
}


/*** form element styles ***/

.Form {
	/* width: 100%; */
	margin-top: 10px;
}

.Form .Title {
	color: #6a7e2a;
	font-size: 18pt;
	font-family: Georgia, serif;
	clear: both;
}

.Form .FormBar {
	clear: both;
	padding: 5px;
	text-align: center;
	border: 3px #cccccc solid;
	border-width: 3px 0 0 0;
}

.Form .Field {
	margin: 0;
	padding: 5px;
	border: 1px #cccccc solid;
	border-width: 1px 0 0 0;
	clear: both;
	height: +2em;
}

.Form label {
	float: left;
	width: 25%;
	padding: 2px 5px 5px 0;
}

.Form .Input {
	float: left;
	padding: 2px 5px 5px 0;
}

.Form .Info {
	float: left;
	padding: 2px 5px 5px 0;
	font-style: italic;
	margin: 0;
}

.Form .Block {
	border: 1px white solid;
	border-width: 1px 0 0 0;
}
.Form .Block:first-child {
	border: 0;
}

.Form .Input p {
	margin: 2px;
}

.Form input,
.Form textarea,
.Form select {
	float: left;
	clear: both;
	border: 1px #e0d8c1 solid;
}

.Form textarea {
	width: 100%;
	height: 15em;
}

.Form .Required {
	border-color: #635129;
	background: url(Images/field-required.png) top left repeat-x;
}

.Form .Required label {
	font-weight: bold;
	color: #635129;
}

.Form .Required input,
.Form .Required textarea,
.Form .Required select {
	border: 1px #635129 solid;
	background-color: white;
}

/*************** CMS styles ****************/
.ImageList {
	background-color: white;
	overflow: scroll;
	z-index: 100;
	border: 2px gray solid;
}
.ImageList P {
	border-top: 2px gray solid;
}

/*************** admin block ****************/
.AdminBlock {
	display: none;
	clear: both;
}
#LoginForm input {
	font-size: 12px;
	width: 6em;
	border: 1px #cfcfcf solid;
	color: gray;
	margin-right: 5px;
}
.GXErrors A, .GXErrors A:visited {
	font-family: monospace;
	text-decoration: none;
}
.GXErrors .List {
	display: none;
}
.GXErrors .List TD {
	border: 1px #cccccc solid;
	padding: 1px;
	color: black;
}