/* BEGIN STRUCTURAL ELEMENTS */
body
{
	margin: 0px;
	padding: 0px;
	text-align: center;

	font-family: Verdana, Arial, sans-serif;
	font-size: 10.5pt;
	background: white /* url(images/dev-body-background.jpg) repeat-x */;
}

div.page
{
	margin: 0px auto;
	padding: 0px;
	width: 900px;
	text-align: left;
	border: none;
	background: white;
}

div.header
{
	display: block;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: white;
	float: left;
}
span.site-heading { font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif; font-size: 25pt; margin: 0 0 0 6px; padding: 0; }
span.site-heading a, span.site-heading a:visited, span.site-heading a:hover { text-decoration: none; color: #333; }
span.site-heading a:hover { color: #930; }
span.site-sub-heading { font-size: 9pt; color: #333; margin: 0 0 0 6px; padding: 0; }

span.welcome { font-size: 9pt; color: #999; float: right; position: relative; top: 6px; }
span.welcome a { color: #930; text-decoration: none; }
span.welcome a:hover { color: #930; }
span.welcome a.current { color: #930; font-weight: bold; }

/* Account Bar ************************************ */
#account-bar { float: right; height: 20px; color: #ccc; font-size: 8pt; }
#account-bar-left { float: left; background: white url("images/cart-bg-left.png") no-repeat; height: 20px; width: 12px; }
#account-bar-centre { float: left; background: white url("images/cart-bg-centre.png") repeat-x; height: 20px; padding: 1px 12px 0 0; }
#account-bar-right { float: left; background: white url("images/cart-bg-right.png") no-repeat; height: 20px; width: 12px; }

#account-bar-centre a { color: white; }
#account-bar-centre a:link { text-decoration:none; }
#account-bar-centre a:visited { text-decoration:none; }
#account-bar-centre a:hover { text-decoration:underline; }
 
#account-bar-cart-image { float: left; background: white url("images/cart.png") no-repeat; height: 20px; width: 21px; }
#account-bar-cart-text { float: left; background: white url("images/cart-bg-centre.png") repeat-x; height: 20px; padding: 1px 0 0 6px; } /* should be the same as 'account-bar-centre' except for padding */
#account-bar-cart-text a { color: white; }

#account-bar-cart-text a:link { text-decoration:none; }
#account-bar-cart-text a:visited { text-decoration:none; }
#account-bar-cart-text a:hover { text-decoration:underline; }

/*
span.cart-banner
{
	color: white;
	background:  white url("images/cart-bg-centre.png") top left repeat-x;
	height: 14px;
	width: 300px;
	font-size: 8pt;
	margin: 0;
	padding: 0;
}
span.cart-banner-left
{
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 0;
	background:  white url("images/cart-bg-left.png") top left no-repeat;
}
span.cart-banner-right
{
	height: 14px;
	width: 14px;
	padding: 0;
	margin: 0;
	background:  white url("images/cart-bg-right.png") top left no-repeat;
}
*/

div.content
{
	display: block;
	margin: 0px;
	padding: 18px;
	border: none;
	background: white;
}

div.footer
{
	display: block;
	margin: 0px;
	padding: 6px 0 24px 0;
	vertical-align: baseline;
}
div.footer p { margin: 36px 0px; padding: 0px; text-align: center; font-size: 7pt; color: #666; }
/* END STRUCTURAL ELEMENTS */


/* BEGIN MENU ELEMENTS */
ul.main-menu {
	width: 900px;
	height: 28px;
	background: #eee;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	list-style-type: none;
	margin: 6px 0 0 0;
	padding: 0;
	overflow: hidden;
	border-bottom: solid 3px #333;
}
ul.main-menu li { display: block; float: left; margin: 0 2px; } /* the left/right margin here defines the space between the menu items */
ul.main-menu li a { height: 30px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 2px 15px 0; }
ul.main-menu li a:hover { color: #333; }
ul.main-menu li a.current { color: #FFF; background: #333; }

p.side-menu {
	display: block;
	background: #ddd;
	width:  180px;
	position:  relative;
	left: -18px;
	padding:  4px 6px;
	margin: 12px 0 0 0;
	clear: both;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
}
ul.side-menu {
	display: table;
	width: 190px;
	position: relative; 
	left: -18px; 
	font-size: 9pt;
	font-weight: normal;
	/* list-style-type: disc outside none; */
	margin: 0 0 20px 0;
	padding: 0;
	word-wrap: break-word;
	color: black;
	/* border: #eee 1px solid; */
}
ul.side-menu li { display: block; width: 178px; color: black; float: left; margin: 0; padding: 4px 6px 4px 6px; /* list-style-type: disc outside none; */ white-space: no-wrap; border: #ddd 1px solid; border-top: none; background: #f9f9f9; background: white; font-size: 8pt;}
ul.side-menu li a { height: 20px; color: black; text-decoration: none; }
ul.side-menu li a:hover { color: #930; }
ul.side-menu li a.current { font-weight: bold; } 
/* END MENU ELEMENTS */


/*	BEGIN TEXT BLOCKS */

h1, h2, h3, p, ul, ol
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10.5pt;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
	border: none;
	color: black;
}
h1 {
	margin-top: 0em;
	font-size: 18pt;
	border-bottom: 1px dotted #999;
}
h2 {
	margin-top: 1em;
	font-size: 11pt;
	font-weight: bold;
}
h3 {
	margin-top: 2em;
	font-size: 11pt;
	font-weight: bold;
}
p
{
	margin-top: 1em;
	font-size: 10.5pt;
}
p.editors-note
{
	margin-top: 2em;
	font-style: italic;
	font-size: 10pt;
	color: #039;
}
p.small
{
	margin-top: 1em;
	font-size: 10pt;
}
p.very-small
{
	margin-top: 1em;
	font-size: 8pt;
}
p.grey
{
	color: #999;
}
/* END TEXT BLOCKS */

/* BEGIN LISTS */
ul
{
	margin-top: 1em;
}
li
{
	list-style-type: disc;
	list-style-position: inside;
	margin-left: 18px;
}
/* END LISTS */


/* BEGIN INLINE TEXT */
a, a:visited, a:hover, a:active
{
	color: #930;
	text-decoration: none;
}
span.is_discounted
{
	text-decoration: line-through;
	color: #999;
}
span.is_discount
{
	color: red;
}
span.is_mandatory
{
	color: red;
	font-weight: normal;
}
span.form-note {
	color: #999;
	font-style: italic;
	font-size: 8pt;
}
/*	END INLINE TEXT */



/* BEGIN TABLES */
table
{
	margin: 12px 12px 18px 0px;
	padding: 0px;
	border-top: solid thin #666;
	border-left: solid thin #666;
	border-right: solid thin #666;
	border-bottom: none;
	}
th, td
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	margin: 0px;
	padding: 6px 12px;
	border-bottom: solid thin #666;
}
th
{
	background-color: #eee;
}
table.no-borders, th.no-borders, td.no-borders
{
	border: none;
}

table.structural, table.structural th, table.structural td { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; }

table.display {
	empty-cells: show;
	border-collapse: collapse;
	margin: 24px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #666;
	border-bottom: none;
}
table.display th, table.display td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 6px 12px;
	background: white;
	border: none;
	border-bottom: 1px solid #666;
}
table.display th {
	font-weight: bold;
	background: #eee;
}

table.cart {
	width: 100%;
	empty-cells: show;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	border: none;
}
table.cart th, table.cart td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 6px 0px;
	background: transparent;
	border: none;
}
table.cart th {
	font-weight: bold;
	white-space: nowrap;
}


table.art-meta { empty-cells: show; border-collapse: collapse; margin: 18px 0px 0px 0px; padding: 12px; border: none; background: white; }
table.art-meta th { font-weight: bold; white-space: nowrap; padding: 3px 12px 3px 0px; background: white; }
table.art-meta td { font-weight: normal; padding: 3px 9px 3px 0px; background: white; }

table.admin-dashboard { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; width:120px;}
table.admin-dashboard td, table.admin-dashboard th { font-size:10pt; padding: 3px; margin: 0px; background:white; font-weight: normal;}
table.admin-dashboard th { width: 6px; }
table.admin-dashboard td a.inactive { color: #ccc; }
table.admin-dashboard td a.active { color: black; }
table.admin-dashboard td a.active:hover { color: #930; }


table.admin-list { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; width:660px;}
table.admin-list td, table.admin-list th { padding: 3px 6px; font-size: 10pt; font-weight: normal; background: white; border-bottom: 1px solid #ccc; }
table.admin-list th { font-weight: bold; }
table.admin-list tr:hover td { background: #eee; }
table.admin-list input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

table.admin-edit { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; width:660px;}
table.admin-edit th, table.admin-edit td { padding: 3px 6px; font-size: 10pt; background: white; border: none;}
table.admin-edit input, table.admin-edit textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
table.admin-edit tr:hover td, table.admin-edit tr:hover th { background: #eee; }
table.admin-edit input[type='text'] { width: 300px;}
table.admin-edit textarea { width: 500px; height: 9em; }
input[type='image'] { border: none; margin: 3px;}
table.admin-edit input.button, table.admin-edit input.button-primary, table.admin-edit input.button-secondary, table.admin-edit input[type="submit"]
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 6px;
	padding: 3px 12px 3px 12px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
table.admin-edit input[type="image"]
{
	border: none;
}

table.shop-edit { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; }
table.shop-edit th, table.shop-edit td { padding: 3px 12px 3px 0; font-size: 10pt; background: transparent; border: none;}
table.shop-edit th { white-space: nowrap; font-weight: bold; }
table.shop-edit input, table.shop-edit textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
table.shop-edit tr.hover:hover td, table.shop-edit tr.hover:hover th { background: #eee; }
table.shop-edit input[type='text'] { width: 300px;}
table.shop-edit textarea { width: 500px; height: 9em; }
input[type='image'] { border: none; margin: 3px;}
table.shop-edit input.button, table.shop-edit input.button-primary, table.shop-edit input.button-secondary, table.shop-edit input[type="submit"]
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 6px;
	padding: 3px 12px 3px 12px;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
table.shop-edit input[type="image"]
{
	border: none;
}


table.shop-list { empty-cells: show; border-collapse: collapse; margin: 0px; padding: 0px; border: none; width: 100%;}
table.shop-list td, table.shop-list th { padding: 3px 6px; font-size: 10pt; font-weight: normal; background: white; border-bottom: 1px solid #ccc; }
table.shop-list th { font-weight: bold; }
table.shop-list tr:hover td { background: #eee; }
table.shop-list input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	margin: 0px;
	padding: 2px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}
/* END TABLES */


/* BEGIN SHOP SPECIAL STYLES */
div.shop-confirmation-block {
	width: 500px;
	padding: 12px 24px;
	margin: 20px 0;
	background: #eee;
	border:none;
}
/* END SHOP SPECIAL STYLES */


/* BEGIN IMAGES */
img
{
	margin: 0px;
	padding: 0px;
	border: none;
}

img.gallery-thumbnail
{
	background-color: white;
	padding: 4px;
	border: solid 2px #444;
	border: solid 2px #ddd;
	background-color: #ddd;
	margin: 4px;
}
img.gallery-image
{
	background-color: white;
	padding: 12px;
	border: solid 2px #444;
	margin: 12px;
}



p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* END IMAGES */


/* BEGIN FORM ELEMENTS */
form {margin: 0px;padding: 0px;}

input {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10.5pt;
	margin: 0px;
	padding: 3px;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	background: white;
}

input[type="text"]{
	width: 300px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

input[type="password"]{
	width: 300px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

/* Trying to get IE to work - fails! :-( */
input[type="radio"], input[type="checkbox"], checkbox {
	border: none;
	background: transparent;
   	border: 0;
   	background-color: white;
}

textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.50pt;
	width: 300px;
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
}

textarea:focus, input[type="text"]:focus {
	border: solid 1px #666;
}


input.button, input.button-primary, input.button-secondary, input.button-disabled, input[type="submit"], input[type="reset"] {
	height: 26px;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin: 6px;
	padding: 2px 12px 4px 12px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	background: white url("images/button-secondary.png") top left repeat-x;
}
input.button, input.button-primary, input.button-secondary, input.button-disabled {
	/* for IE */
	padding: 0 1em;
	width: 0;  /* IE table-cell margin fix */
	overflow: visible;
}
input.button, input.button-primary, input.button-secondary, input.button-disabled {
	width: auto;  /* cancel margin fix for other browsers */
}

input.button-primary {
	font-weight: bold;
	background: white url("images/button-primary.png") top left repeat-x;
}
input.button-secondary {

}
input.button-disabled {
	color: #999;
	cursor: default;
}
input.button:hover, input.button-primary:hover, input.button-secondary:hover, input[type="submit"]:hover {
	cursor: pointer;
	cursor: hand;
	background: white url("images/button-hover.png") top left repeat-x;
}
input.button:active, input.button-primary:active, input.button-secondary:active, input[type="submit"]:active { }
/* END FORM ELEMENTS */


/* MORE FORM ELEMENTS ===>>> for forms generated by the Form class */
form.catalogue-wizard {
	display:  block;
	width: 660px;
	background: transparent;
	margin: 18px 0;
	padding: 0;
	font-size: 9pt;
}

form.catalogue-wizard span.is-mandatory {
	color: red;
}
form.catalogue-wizard div.line-spacing {
	height: 14px;
}
form.catalogue-wizard div.error-message {
	width: 660px;
	float: left;
	font-weight: normal;
	color: red;
}
form.catalogue-wizard div.title {
	width: 120px;
	float: left;
	font-weight: bold;
	position: relative;
	top: 2px;
	padding-right: 20px;
}
form.catalogue-wizard div.help {
	width: 20px;
	float: right;
	position: relative;
	top: 2px;
}
form.catalogue-wizard div.field {
	width: 500px;
	float: left;
	font-weight: normal;
}
form.catalogue-wizard div.field span.comments {
	position: relative;
	top: 2px;
	font-size: 8pt;
	font-style: italic;
	color: #aaa;
}
form.catalogue-wizard div.field span.text {
	position: relative;
	top: 2px;
	font-size: 9pt;
}
form.catalogue-wizard div.field input {
	height: 12px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}
form.catalogue-wizard div.field textarea {
	height: 36px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}
form.catalogue-wizard div.field select {
	height: 20px;
	font-size: 8pt;
	border-color: #ccc;
	border: #ccc 1px solid;
}
form.catalogue-wizard div.field select option {
	height: 16px;
	font-size: 8pt;
	padding: 4px 16px 4px 0;
}
form.catalogue-wizard div.field input[type="password"] {
	height: 12px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}


form.catalogue-wizard .verify-error {
	background: #fff2f2;
}



form.catalogue-wizard div.field button.button-primary, form.catalogue-wizard div.field button.button-secondary {
	height: 26px;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin: 6px;
	padding: 2px 12px 4px 12px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	background: white url("images/button-secondary.png") top left repeat-x;
}
form.catalogue-wizard div.field button.button-primary, form.catalogue-wizard div.field button.button-secondary {
	/* for IE */
	padding: 0 1em;
	width: 0;  /* IE table-cell margin fix */
	overflow: visible;
}
form.catalogue-wizard div.field button.button-primary, form.catalogue-wizard div.field button.button-secondary {
	width: auto;  /* cancel margin fix for other browsers */
	height: 26px;
}
form.catalogue-wizard div.field button.button-primary {
	font-weight: bold;
	background: white url("images/button-primary.png") top left repeat-x;
}
form.catalogue-wizard div.field button.button-secondary {
	font-weight: bold;
	background: white url("images/button-secondary.png") top left repeat-x;
}
form.catalogue-wizard div.field button.button-primary:hover, form.catalogue-wizard div.field button.button-secondary:hover {
	cursor: pointer;
	cursor: hand;
	background: white url("images/button-hover.png") top left repeat-x;
}



/* CHECKOUT FORM */
form.checkout-wizard {
	display:  block;
	width: 660px;
	background: transparent;
	margin: 18px 0;
	padding: 0;
	font-size: 9pt;
}

form.checkout-wizard span.is-mandatory {
	color: red;
}
form.checkout-wizard div.line-spacing {
	height: 4px;
}
form.checkout-wizard div.error-message {
	width: 660px;
	float: left;
	font-weight: normal;
	color: red;
}
form.checkout-wizard div.title {
	width: 130px;
	float: left;
	font-weight: bold;
	position: relative;
	top: 2px;
	padding-right: 20px;
}
form.checkout-wizard div.help {
	width: 20px;
	float: right;
	position: relative;
	top: 2px;
}
form.checkout-wizard div.field {
	width: 460px;
	float: left;
	font-weight: normal;
}
form.checkout-wizard div.field span.comments {
	font-size: 8pt;
	font-style: italic;
	color: #aaa;
}
form.checkout-wizard div.field span.text {
	position: relative;
	top: 2px;
	font-size: 9pt;
}
form.checkout-wizard div.field input {
	height: 12px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}
form.checkout-wizard div.field textarea {
	height: 36px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}
form.checkout-wizard div.field select {
	height: 20px;
	font-size: 8pt;
	border-color: #ccc;
	border: #ccc 1px solid;
}
form.checkout-wizard div.field select option {
	height: 16px;
	font-size: 8pt;
	padding: 4px 16px 4px 0;
}
form.checkout-wizard div.field input[type="password"] {
	height: 12px;
	font-size: 9pt;
	padding: 4px;
	border-color: #ccc;
}

form.checkout-wizard .verify-error {
	background: #fff2f2;
}

form.checkout-wizard div.field button.button-primary, form.checkout-wizard div.field button.button-secondary {
	height: 26px;
	color: #333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	margin: 6px;
	padding: 2px 12px 4px 12px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	background: white url("images/button-secondary.png") top left repeat-x;
}
form.checkout-wizard div.field button.button-primary, form.checkout-wizard div.field button.button-secondary {
	/* for IE */
	padding: 0 1em;
	width: 0;  /* IE table-cell margin fix */
	overflow: visible;
}
form.checkout-wizard div.field button.button-primary, form.checkout-wizard div.field button.button-secondary {
	width: auto;  /* cancel margin fix for other browsers */
	height: 26px;
}
form.checkout-wizard div.field button.button-primary {
	font-weight: bold;
	background: white url("images/button-primary.png") top left repeat-x;
}
form.checkout-wizard div.field button.button-secondary {
	font-weight: bold;
	background: white url("images/button-secondary.png") top left repeat-x;
}
form.checkout-wizard div.field button.button-primary:hover, form.checkout-wizard div.field button.button-secondary:hover {
	cursor: pointer;
	cursor: hand;
	background: white url("images/button-hover.png") top left repeat-x;
}
form.checkout-wizard h2 {
	margin:  0 0 12px 0;
}



/* CUSTOMER's SALES ORDERS */

table.customer-sales-orders {
	empty-cells: show;
	border-collapse: collapse;
	margin: 12px 0;
	padding: 0px;
	border: none;
	width: 660px;
}
table.customer-sales-orders th, table.customer-sales-orders td {
	font-size: 9pt;
	padding: 3px;
	margin: 0px;
	background: white;
	font-weight: normal;
}
table.customer-sales-orders th {
	background: #ddd;
	font-weight: bold;
}
table.customer-sales-orders td.completed {
	color: #aaa;
}
table.customer-sales-orders {
	font-size: 9pt;
}
button.customer-sales-orders {
	font-size: 7pt;
	padding: 1px 6px;
	margin: 0;
	height: 12px;
}


/* ARTIST'S DASHBOARD */
table.artist-dashboard {
	empty-cells: show;
	border-collapse: collapse;
	margin: 12px 0;
	padding: 0px;
	border: none;
	width: 650px;
}
table.artist-dashboard th, table.artist-dashboard td {
	font-size: 10pt;
	padding: 3px;
	margin: 0px;
	background: white;
	font-weight: normal;
}
table.artist-dashboard th {
	background: #ddd;
	font-weight: bold;
}
table.artist-dashboard td.message {
	/*background: #f6f6f6;*/
	color: #666;
	color:  #0054a6;
	/*border-bottom: 1px solid #ddd;*/
}
table.artist-dashboard td.gap-above {
	padding-top: 16px;
}

/* ARTIST'S SALES ORDERS */

table.artist-sales-orders {
	empty-cells: show;
	border-collapse: collapse;
	margin: 12px 0;
	padding: 0px;
	border: none;
	width: 660px;
}
table.artist-sales-orders th, table.artist-sales-orders td {
	font-size: 9pt;
	padding: 3px;
	margin: 0px;
	background: white;
	font-weight: normal;
}
table.artist-sales-orders th {
	background: #ddd;
	font-weight: bold;
}
table.artist-sales-orders td.highlight {
	color: red;
	background-color: #F8E0E0;
}
p.artist-sales-orders {
	font-size: 9pt;
}
span.artist-sales-orders.highlight {
	color: red;
	background-color: #F8E0E0;
}
img.artist-sales-orders {
	border:  none;
	margin: 2px;
}

/* ARTIST'S CATALOGUE */
div.catalogue {
	margin: 20px 0 0 0;
	padding: 0;
}

div.catalogue div.item {
	float: left;
	overflow: hidden;
	width: 150px;
	height: 200px;
	padding: 6px 3px;
	margin: 3px;
	text-align: center;
	background: #eee;
}

div.catalogue div.item p {
	font-size: 8pt;
	padding: 0;
	margin: 0;
	text-align: center;
}





/* PUBLIC PAGE CONTENT */

div.content-column {
	position: relative;
	left: -10px;
	float: left;
	width: 650px;
	padding: 0;
	margin: 0;
	/* border: 1px dotted red; */
}

div.tools-column {
	position: relative;
	float: right;
	left: 10px;
	width: 200px;
	padding: 0;
	margin: 0;
	/* border: 1px dotted blue; */
}

div.narrow-content-column {
	position: relative;
	left: -10px;
	float: left;
	width: 570px;
	padding: 0;
	margin: 0;
	/* border: 1px dotted red; */
}

div.wide-tools-column {
	position: relative;
	float: right;
	left: 10px;
	width: 280px;
	padding: 0;
	margin: 0;
	/* border: 1px dotted blue; */
}




div.tools-column div.tool, div.wide-tools-column div.tool  {
	border: 1px #ddd solid;
	margin: 0 0 20px 0;
	padding: 0;
}
div.wide-tools-column div.tool {
	background-color: #f6f6f6;
}
div.tools-column h1, div.wide-tools-column h1 {
	display: block;
	background: #ddd;
	position:  relative;
	padding:  4px 6px;
	margin: 0;
	clear: both;
	font-size: 10pt;
	font-weight: bold;
	color: #333;
	border: none;
}
div.tools-column p, div.wide-tools-column p {
	padding:  4px 6px;
	margin: 0;
	clear: both;
	font-size: 10pt;
	color: #333;
}


/* YOUR ART SELECTION STYLES */
div.your-art-selection {
	position: relative;
	/* left: -10px; */
	float: left;
	width: 650px;
	margin: 12px 0;
	padding: 0;
}

table.yas-details {
	empty-cells: show;
	border-collapse: collapse;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	border: none;
}
table.yas-details th, table.yas-details td {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	margin: 0px;
	padding: 4px 12px;
	background: white;
	border: none;
}
table.yas-details th {
	font-weight: bold;
	background: #eee;
}
table.yas-details td.underline-grey {
	border-bottom: 1px solid #eee;
}
table.yas-details td.underline-black {
	border-bottom: 1px solid black;
}

div.please-wait {
	position: relative;
	top: 30px;
	left: 50px;
	float: left;
	width: 180px;
	height: 180px;
	margin: 12px 0;
	padding: 0;
}
div.please-wait p {
	font-size: 10pt;
	padding: 0 0 12px 0;
	margin: 0;
}
div.please-wait .clock {
	padding: 0 0 0 24px;
	margin: 0;
}



/* SHOP STYLES */
div.shop-item {
	float: left;
	overflow: hidden;
	width: 150px;
	height: 190px;
	padding: 6px 3px;
	margin: 3px;
	text-align: center;
	background: #eee;
}

div.shop-item p {
	font-size: 8pt;
	padding: 0;
	margin: 0;
	text-align: center;
}

form.shop-search {
	text-align: center;
}
input.shop-search {
	width: 180px;
	margin: 5px;
	font-size: 9.5px;
}
button.shop-search {
	margin: 5px;
	font-size: 9.5px;
	padding: 3px 6px;
	margin: 0 0 5px 5px;
}


/* ITEM DETAILS IN SHOP */
div.shop-details {
	margin: 0px auto;
	width: 600px;
	/* border: 1px dotted red; */
}

table.shop-details, table.shop-details th, table.shop-details td { empty-cells: show; border-collapse: collapse; margin: 0px; margin-bottom: 10px; padding: 0px; border: none; background: white;}
table.shop-details {
	margin-top:  10px;
}
table.shop-details th {
	font-size: 8pt;
	font-weight: bold;
	padding-right: 20px;
}
table.shop-details td {
	font-size: 8pt;
	font-weight: normal;
}


/* TAG CLOUDS */
div.tag-cloud {
	text-align: center;
	padding: 0 6px;
}
span.cloud-1, span.cloud-2, span.cloud-3, span.cloud-4, span.cloud-5 {
	white-space: nowrap;
}
span.cloud-1 {
	font-size: 7pt;
}
span.cloud-2 {
	font-size: 8.5pt;
}
span.cloud-3 {
	font-size: 10pt;
}
span.cloud-4 {
	font-size: 11.5pt;
}
span.cloud-5 {
	font-size: 13pt;
}


/* EXHIBITIONS */
div.gallery-content {
	position: relative;
	float: left;
	width: 600px;
	/* border: green dotted 1px; */
}


div.gallery-floorplan {
	position: relative;
	top: -18px;
	left:  18px;
	float: right;
	width: 100px;
	background: #f8f8f8;
	padding: 10px;
	border: 1px #ddd solid;
	border-top: none;
	/* border: blue dotted 1px; */
}
div.gallery-floorplan h2 {
	padding: 5px 0 0 0;
	margin: 0 0 10px 0;
	text-align: center;
}
div.gallery-floorplan-top, div.gallery-floorplan-top-l, div.gallery-floorplan-top-r, div.gallery-floorplan-top-c {
	background: #f8f8f8 url(images/gallery-floorplan-top.png) no-repeat;
	height: 92px;
}
div.gallery-floorplan-top-l {
	background: #f8f8f8 url(images/gallery-floorplan-top-l.png) no-repeat;
}
div.gallery-floorplan-top-r {
	background: #f8f8f8 url(images/gallery-floorplan-top-r.png) no-repeat;
}
div.gallery-floorplan-top-c {
	background: #f8f8f8 url(images/gallery-floorplan-top-c.png) no-repeat;
}

div.gallery-floorplan-middle, div.gallery-floorplan-middle-l, div.gallery-floorplan-middle-r {
	background: #f8f8f8 url(images/gallery-floorplan-middle.png) repeat-y;
	height: 85px;
}
div.gallery-floorplan-middle-l {
	background: #f8f8f8 url(images/gallery-floorplan-middle-l.png) repeat-y;
}
div.gallery-floorplan-middle-r {
	background: #f8f8f8 url(images/gallery-floorplan-middle-r.png) repeat-y;
}

div.gallery-floorplan-bottom, div.gallery-floorplan-bottom-l, div.gallery-floorplan-bottom-r, div.gallery-floorplan-bottom-c {
	background: #f8f8f8 url(images/gallery-floorplan-bottom.png) no-repeat;
	height: 93px;
}
div.gallery-floorplan-bottom-l {
	background: #f8f8f8 url(images/gallery-floorplan-bottom-l.png) no-repeat;
}
div.gallery-floorplan-bottom-r {
	background: #f8f8f8 url(images/gallery-floorplan-bottom-r.png) no-repeat;
}
div.gallery-floorplan-bottom-c {
	background: #f8f8f8 url(images/gallery-floorplan-bottom-c.png) no-repeat;
}
div.gallery-floorplan-link {
	display: block;
	width: 80px;
	position: relative;
	font-size: 8pt;
	text-align: center;
	/* border: 1px red dotted; */
}
div.gallery-floorplan-link a:hover {
}

div.gallery-floorplan-link-vertical {
	display: block;
	width: 120px;
	position: relative;
	font-size: 8pt;
	-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	/* border: 1px red dotted; */
}
div.gallery-floorplan-arrow {
	display: block;
	position: relative;
	width: 20px;
}



div.gallery-display {
	position: relative;
	background: white;
	left: -10px;
	width: 700px;
	/* border: blue dotted 1px; */
}
div.gallery-walls-side-centre {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-side-centre.png) repeat-x;
	height: 415px;
	width: 500px;
}
div.gallery-walls-side-left {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-side-left.png) no-repeat;
	height: 415px;
	width: 100px;
}
div.gallery-walls-side-right {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-side-right.png) no-repeat;
	height: 415px;
	width: 100px;
}
div.gallery-walls-side-extends {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-side-centre.png) repeat-x;
	height: 415px;
	width: 100px;
}

div.gallery-walls-end {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-end-wall.png) no-repeat;
	height: 415px;
	width: 700px;
}
div.gallery-walls-exit {
	display: inline;
	float: left;
	background: white url(images/gallery-walls-exit-wall.png) no-repeat;
	height: 415px;
	width: 700px;
}

div.gallery-walls-text-left {
	position: relative;
	margin: 90px 0 90px 60px;
}
div.gallery-walls-text-right {
	position: relative;
	margin: 90px 60px 90px 0;
}
div.gallery-walls-text-centre {
	position: relative;
	margin: 90px 30px 90px 0;
}
div.gallery-walls-text-left p, div.gallery-walls-text-right p, div.gallery-walls-text-centre p {
	font-family: Georgia, serif;
	font-size: 14pt;
	color: #999;
}

div.gallery-walls-exit-left {
	position: relative;
	float: left;
	width: 140px;
	margin: 0 0 90px 120px;
}
div.gallery-walls-exit-right {
	position: relative;
	float: right;
	width: 140px;
	margin: 0 90px 90px 0;
}
div.gallery-walls-exit-left p, div.gallery-walls-exit-right p {
	font-family: Georgia, serif;
	font-size: 14pt;
	color: #999;
	margin: 0;
	padding: 0;
}

div.gallery-walls-exit-centre {
	position: relative;
	text-align: center;
	width: 100px;
	margin: 200px auto 0 auto;
}

div.gallery-silhouette {
	position: relative;
	top: -320px;
	left: 580px;
	height: 1px;
}