/* 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: 0px;
	padding: 6px 0px 0px 0px;
	vertical-align: baseline;
	background: white;
}
span.site-heading { font-family: "Lucida Sans", "Lucida Grande", Lucida, sans-serif; font-size: 25pt; margin-left: 18px; }
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: 10.5pt; margin-left: 6px; }

span.welcome { font-size: 9pt; color: #999;}
span.welcome a { color: #930; text-decoration: none; }
span.welcome a:hover { color: #930; }
span.welcome a.current { color: #930; font-weight: bold; }

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.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.menu li { display: block; float: left; margin: 0 5px 0 5px; }
ul.menu li a { height: 30px; color: #777; text-decoration: none; display: block; float: left; line-height: 200%; padding: 2px 15px 0; }
ul.menu li a:hover { color: #333; }
ul.menu li a.current { color: #FFF; background: #333; }

ul.submenu {
	width: 880px;
	height: 30px;
	background: #fff;
	font-size: 9pt;
	font-family: Verdana, Arial, sans-serif;;
	font-weight: normal;
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	overflow: hidden;
}
ul.submenu li { display: block; float: left; margin: 0; }
ul.submenu li a { height: 30px; color: #999; text-decoration: none; display: block; float: left; line-height: 200%; padding: 2px 8px 0; }
ul.submenu li a:hover { color: #000; }
ul.submenu li a.current{ color: #000; 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;
}
/* 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:hover td, table.admin-edit tr.hover: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;
}

/* 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 */