@charset "ISO-8859-1";
.catalog .read .picture {
	width:100px;
	float:left;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#categories {
	height:26px;
	width:100%;
	background-color:#CCCD67;
}
#categories a {
	color:#660;
	font-size:110%;
	font-variant:small-caps;
	font-weight:bold;
	text-decoration:none;
}
#footer {
	margin-top:1em;
	clear:both;
	text-align:center;
}
#header {
	height:100px;
	width:100%;
	background:#660;
	clear:both;
}
#header img {
	display:block;
	float:left;
}
.navigator {
	width:190px;
	float:left;
	padding-left: 10px;
}
.navigator a {
	display:block;
	cursor:pointer;
}
#profiles h3 {
	margin-bottom:.5em;
	clear:both;
}
#profiles input {
	margin-right:.5em;
	display:block;
	float:left;
	font-size:8pt;
	padding:.2em 0 .3em;
}
#profiles label {
	display:block;
	float:left;
	font-size:8pt;
	margin:.2em .5em .3em 0;
}
.content .shout {
	width:190px;
	float:right;
	padding-left: 10px;
}
#tabs {
	background-color:#CCCD67;
	border:1px solid #000;
}
/*** main page elements ***/
#toplinks {
	width:100%;
	padding-bottom:.3em;
	background-color:#fff;
	text-align:right;
}
#toplinks a {
	margin-right:.5em;
	margin-bottom:.5em;
	color:#660;
	font-size:80%;
	text-decoration:none;
}
/*#name for id.name for classpadding and margin: top, right, bottom and left*/
* {
	border:0;
	margin:0;
	padding:0;
}
.address-label {
	height:98px;
	position:relative;
	background-image: url(artwork/Stamp.png);
	background-repeat: no-repeat;
	background-position: right;
	width: 340px;
}
.balloon-body {
	width:310px;
	background-image:url(artwork/balloon-body.gif);
	position:relative;
	background-repeat:repeat-y;
}
.balloon-bottom {
	height:8px;
	width:310px;
	background-repeat:no-repeat;
	background-image:url(artwork/balloon-bottom.gif);
	position:relative;
}
.balloon-top {
	height:10px;
	width:310px;
	background-image:url(artwork/balloon-top.gif);
	background-repeat:no-repeat;
	position:relative;
}
.balloon-topl {
	height:10px;
	width:310px;
	background-repeat:no-repeat;
	background-image:url(artwork/balloon-topl.gif);
	position:relative;
}
.border { border:1px solid #000; }
.catalog-body {
	width:530px;
	background-image:url(artwork/catalog-body.gif);
	position:relative;
	background-repeat:repeat-y;
	padding: 8px 15px;
}
.catalog-body a { color:#660; }
.catalog-body h2 {
	color:#660;
	font-size:110%;
	font-weight:bold;
	font-style:normal;
}
.catalog-body h3 {
	font-weight:bold;
	font-style:normal;
	font-size:100%;
}
.catalog-body h4 {
	font-size:100%;
	font-style:normal;
}
.catalog-bottom {
	height:7px;
	margin-bottom:.5em;
	background-image:url(artwork/catalog-bottom.gif);
	background-repeat:no-repeat;
}
.catalog-top {
	height:5px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(artwork/catalog-top.gif);
	color:#fff;
	font-size:1px;
}
.content {
	width:760px;
	float:left;
	padding-right: 2px;
	padding-left: 10px;
}
.content .middle {
	width:560px;
	float:left;
	display: block;
}
.order-read .details label {
	width:12em;
	margin-right:.5em;
	margin-bottom:.5em;
	display:block;
	float:left;
	text-align:left;
}
.order-read .details span {
	width:10em;
	margin-right:.5em;
	margin-bottom:.5em;
	display:block;
	float:left;
	text-align:left;
}
.error, .errors { color:red; }
.expanded { display:block; }
.flogin label, .flogin input {
	margin-right:.5em;
	display:block;
	float:left;
}
.fsearch .text {
	margin-right:0.5em;
	display:block;
	float:left;
	width: 178px;
}
.form input, .form textarea, .form select {
	margin-bottom:.5em;
	margin-right:.5em;
	display:block;
	float:left;
}
.form textarea {
	margin-bottom:.5em;
	margin-right:.5em;
}
.form label {
	margin-right:0.5em;
	margin-bottom:0.5em;
	display:block;
	float:left;
	text-align:right;
}
.order .status label {
	display: block;
	float: left;
	width: 8em;
	color: #666666;
	margin-bottom: 0.3em;
}
.headers label {
	margin-right:.5em;
	display:block;
	float:left;
	font-weight:bold;
	font-size:8pt;
}
.hide, .collapsed { display:none; }
.important-body {
	width:160px;
	background-repeat:repeat-y;
	background-image:url(artwork/important-body.gif);
	padding: 8px 15px 4px 15px;
}
.important-body .warning {
	background-color:#680104;
	color:white;
}
.important-body a:hover {
	background-color:#bfbe7d;
	color:black;
}
.important-bottom {
	height:13px;
	margin-bottom:1em;
	background-image:url(artwork/important-bottom.gif);
	background-repeat:no-repeat;
}
.important-title {
	width:160px;
	background-image:url('artwork/important-title.gif');
	background-repeat:repeat-y;
	color:#fff;
	font-weight:bolder;
	font-size:110%;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
}
.important-title div {
	margin:0;
	padding:0 1em .5em;
}
.important-top {
	height:7px;
	width:190px;
	background-repeat:no-repeat;
	background-image:url('artwork/important-top.gif');
	font-size:1px;
}
.item h2 {
	color:#660;
	font-size:130%;
	font-weight:bold;
	font-style:normal;
}
.item h3 {
	font-size:110%;
	font-weight:bold;
}
.item h4 { font-size:100%; }
.msg-ajax {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#DFD;
	background-position:.5em .5em;
	background-image:url(artwork/ajax-loader.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-color:#090;
	border-style:solid;
	border-width:1px;
	padding:.5em 1em .5em 40px;
}
.msg-check {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#DFD;
	background-position:.5em .5em;
	background-image:url(artwork/icons/check.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-color:#090;
	border-style:solid;
	border-width:1px;
	padding:.5em 1em .5em 40px;
}
.msg-error {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FCC;
	background-position:.5em .5em;
	background-image:url(artwork/icons/error.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-color:#C00;
	border-style:solid;
	border-width:1px;
	padding:.5em 1em .5em 40px;
}
.msg-warn {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FFFFCE;
	background-position:.5em .5em;
	background-image:url(artwork/icons/warning.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-color:#F0C000;
	border-style:solid;
	border-width:1px;
	padding:.5em .5em .5em 40px;
}
.newsletter read a {
	color:blue !important;
	text-decoration:underline !important;
}
.normal label {
	width: 8em;
	text-align: right;
}
.order .edit h2 {
	color:#660;
	font-size:100%;
}
.order .edit h3 {
	font-size:90%;
	font-weight:normal;
}
.page .read a { text-decoration:underline; }
.page-body {
	width:530px;
	background-image:url(artwork/page-body.gif);
	background-repeat:repeat-y;
	padding: 10px 15px;
}
.page-bottom {
	height:6px;
	width:100%;
	margin-bottom:1em;
	background-image:url(artwork/page-bottom.gif);
	background-repeat:no-repeat;
}
.page-top {
	height:4px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(artwork/page-top.gif);
	color:#fff;
	font-size:1px;
}
.catalog .picture img {
	margin: 0 auto;
	display: block;
}
.popup-error {
	margin-top:5px;
	margin-bottom:5px;
	background-color:#FCC;
	background-position:.5em .5em;
	background-image:url(artwork/icons/error.gif);
	background-repeat:no-repeat;
	text-align:left;
	border-color:#C00;
	border-style:solid;
	border-width:1px;
	padding:.5em 1em .5em 20px;
}
.popup-warn {
	margin-bottom:5px;
	background-image:url(artwork/icons/warning.gif);
	background-repeat:no-repeat;
	background-position:8px 8px;
	background-color:#FFFFCE;
	text-align:left;
	border-color:#F0C000;
	border-style:solid;
	border-width:0 1px 1px;
	padding:.5em .5em .5em 28px;
	z-index: 2;
}
.popup-warn-top {
	height:10px;
	background:url(artwork/warn-top.gif) repeat-x;
	z-index: 2;
}
.portlet { width:190px; }
.portlet-body {
	width:160px;
	background-image:url(artwork/portlet-body.gif);
	position:relative;
	background-repeat:repeat-y;
	overflow: hidden;
	padding: 8px 15px 4px 15px;
}
.portlet-body h4 {
	font-size:100%;
	font-weight:bold;
}
.portlet-bottom {
	height:13px;
	margin-bottom:1em;
	background-image:url(artwork/portlet-bottom.gif);
	background-repeat:no-repeat;
}
.portlet-title {
	width:160px;
	background-repeat:repeat-y;
	background-image:url('artwork/portlet-title.gif');
	color:#fff;
	font-size:110%;
	font-weight:bolder;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
}
.portlet-title div { padding:0 1em .5em; }
.portlet-top {
	height:7px;
	background-repeat:no-repeat;
	background-image:url('artwork/portlet-top.gif');
	font-size:1px;
}
.portlet-top h4 {
	padding-left:1em;
	background-image:url(artwork/portlet-title.gif);
	line-height:1.5em;
}
.ratings img { margin:0; }
.ratings p { margin:0 0 0 1em; }
.report .action { margin-right:.5em; }
.report .actions { background-color:#dfdfbe; }
.report .active { font-weight:bold; }
.report .even { background-color:#e5e5c3; }
.report .odd { background-color:#d6d6b6; }
.report td {
	line-height:20px;
	padding:.3em .5em;
}
.report th {
	padding-bottom:0.3em;
	border-bottom-width:1px;
	border-bottom-color:#999;
	border-bottom-style:solid;
}
.right {
	width:190px;
	display:block;
	float:left;
	padding-left: 10px;
}
.sbutton_dark {
	height:20px;
	background:url(artwork/sbutton_dark.gif) repeat-x;
	display:block;
	float:left;
	color:#000;
	line-height:20px;
	cursor:default;
	padding:0 1em;
}
.sbutton_light {
	height:20px;
	background:url(artwork/sbutton_light.gif) repeat-x;
	display:block;
	float:left;
	color:gray;
	font-weight:normal;
	line-height:20px;
	cursor:pointer;
	padding:0 .5em;
}
a.sbutton_light:hover, a.sbutton_light:focus, a.sbutton_light:active { color: #000; }
.small label {
	width:6em;
	text-align:right;
}
.thumbnail {
	height:300px;
	width:150px;
	margin-right:1em;
	margin-bottom:1em;
	position:relative;
	float:left;
	text-align:center;
	border-color:#660;
	border-style:solid;
	border-width:3px;
	padding:1em;
}
.thumbnail_small { text-align:center; }
.trash input {
	height:25px;
	width:23px;
	margin-left:1em;
	background:#69c url(artwork/trash.jpg) no-repeat;
	border:0;
	border-width:0;
}
a {
	color:#000;
	text-decoration:none;
}
a.button-important:link, a.button-important:visited {
	height:2em;
	background:#fff url(artwork/button-important.gif) repeat-x;
	display:block;
	float:left;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	border:0;
	cursor:pointer;
	border-width:0;
	padding:0 1em;
}
a.button-important:hover, a.button-important:focus, a.button-important:active { color: #000; }
a.button:link, a.button:visited {
	height:2em;
	background:#fff url(artwork/button.gif) repeat-x;
	display:block;
	float:left;
	color:#fff;
	font-size:80%;
	font-weight:bold;
	line-height:2em;
	text-decoration:none;
	border:0;
	cursor:pointer;
	border-width:0;
	padding:0 1em;
}
a.button:hover, a.button:focus, a.button:active { color: #000; }
a.sbutton-important:link, a.sbutton-important:visited {
	height:20px;
	background:url(artwork/sbutton_important.gif) repeat-x;
	display:block;
	float:left;
	color:#FFF;
	font-weight:normal;
	font-size:80%;
	line-height:20px;
	text-decoration:none;
	border:0;
	cursor:pointer;
	border-width:0;
	padding:0 .5em;
}
a.sbutton-important:hover, a.sbutton-important:focus, a.sbutton-important:active { color: #000; }
a.sbutton-light:hover, a.sbutton-important:hover, .portlet-body a, .important-body a { color:#000; }
a.sbutton-light:link, a.sbutton-light:visited, a.sbutton-light {
	height:20px !important;
	background:url(artwork/sbutton_light.gif) repeat-x;
	display:block;
	float:left;
	color:gray;
	font-weight:normal;
	font-size:80%;
	line-height:20px !important;
	text-decoration:none;
	border:0;
	cursor:pointer;
	border-width:0;
	padding:0 .5em;
}
a.sbutton-light:hover, a.sbutton-light:focus, a.sbutton-light:active { color: #000; }
body {
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #fffff2;
	background-image: url(artwork/background.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-top: 0;
}
br { clear:both; }
br.cf { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
div.price_box {
	height:46px;
	width:137px;
	margin-top:1em;
	background-image:url(artwork/price.gif);
	float:left;
	line-height: 44px;
}
div.tab {
	height:26px;
	padding-left:1em;
	margin-right:17px;
	float:left;
	line-height:26px;
}
div.tabon {
	height:26px;
	padding-left:1em;
	background-repeat:no-repeat;
	background-image:url(artwork/tableft.jpg);
	background-color:#fff;
	float:left;
	line-height:26px;
}
div.tabonx {
	height:26px;
	width:17px;
	background-image:url(artwork/tabright.jpg);
	float:left;
}
hr {
	clear:both;
	border:1px solid #000;
}
img { border:0; }
input, select, textarea {
	font-size:10pt;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #660;
}
li {
	text-indent:1em;
	list-style-position:inside;
}
.wide .report { }
.content .middle .wide .report tr { width: 760px; }
.content .middle .wide .report .c1 { width: 20px; }
.container {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
.content .pager { float: left; }
.content .pager p {
	float: left;
	line-height: 20px;
	height: 20px;
}
.navigator .actions { margin-top: .5em; }
.content .perspective { margin-bottom: .5em; }
.perspective .pager a { margin-left: 0.5em; }
.perspective .views { float: right; }
.report .item { cursor: pointer; }
.order .shipping { margin: 1em 10px 2em; }
.order .shipping p {
	font-size: 90%;
	margin-top: 0.3em;
}
.order .shipping abbr { color: #666666; }
.order-payment-incomplete { margin: 1em 4px; }
.order-payment-incomplete a { margin-right: 1em; }
.order-portlet .edit a {
	float: right;
	margin-top: 0.5em;
}
.order-portlet .summary a {
	overflow: hidden;
	line-height: 1.3em;
	height: 1.3em;
}
.order-portlet p { margin: .5em 0; }
.order-portlet .summary { margin-bottom: 0.5em; }
.address-label label {
	position: absolute;
	left: -10.5em;
}
.middle .header p { margin-bottom: 0.5em; }
.middle .header a {
	margin-bottom: 0.5em;
	margin-right:0.5em;
}
.middle .page-bg { padding: 0 4px; }
.middle .header {
	margin: 1em 0;
	line-height: 150%;
}
.fsearch {
	width: 300px;
	position: relative;
	z-index: 1;
	float: left;
}
.balloon {
	position: absolute;
	width: 14em;
	z-index: 2;
	left: 15px;
}
.fsearch form { position: relative; }
.thumbnail-box {
	float: left;
	height: 200px;
	width: 180px;
	position: relative;
	overflow: hidden;
	margin-right: 6px;
	border: 2px solid #BFBE7D;
	margin-bottom: 6px;
}
.fl { float: left !important; }
.fr { float: right !important; }
.catalog .read .details {
	float: left;
	width: 400px;
	margin-bottom: 1em;
}
.price_box .volume {
	float: left;
	border-right:dotted 1px silver;
	font-size: 80%;
	padding: 0 5px;
}
.price_box .price {
	float: right;
	color:#600;
	font-style:normal;
	font-size:140%;
	font-weight:normal;
	letter-spacing:-1px;
	text-align:right;
	padding-right: 15px;
}
.middle .actions { margin-bottom: 0.5em; }
.actions-left a { margin-right: 1em; }
.actions-right a {
	margin-left: 1em;
	display: block;
	float: left;
}
.middle p { margin-bottom: 0.5em; }
.hidden { display: none !important; }
.separator { margin-bottom: 0.5em; }
.form .actions-left { margin-bottom: 0.5em; }
.top { margin-top: .5em; }
.form a { margin-bottom: 0.5em; }
.blob .edit .sample {
	background-color: #FFFFFF;
	margin: auto;
	height: 300px;
	width: 300px;
	border: 1px solid #000000;
}
.blob .edit img {
	margin: 0 auto;
	height: 300px;
	display: block;
}
.blob .edit .description {
	text-align: center;
	padding: 0.5em;
	border: 1px solid #666666;
}
.blob .edit { margin-top: 1em; }
.blob .list {
	float: left;
	height: 190px;
	width: 180px;
	position: relative;
	overflow: hidden;
	margin-right: 6px;
	border: 2px solid #BFBE7D;
	margin-bottom: 6px;
	padding-top: 10px;
}
.blob .chooser {
	float: left;
	height: 172px;
	width: 172px;
	position: relative;
	overflow: hidden;
	margin-right: 6px;
	border: 2px solid #BFBE7D;
	margin-bottom: 6px;
	padding-top: 10px;
}
.blob .list img {
	margin: 0 auto;
	height: 100px;
	display: block;
}
.blob .chooser img {
	margin: 0 auto;
	height: 100px;
	display: block;
}
.blob .list p { text-align: center; }
.blob .list .actions {
	position: absolute;
	bottom: 10px;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
}
.blob .chooser .actions {
	position: absolute;
	bottom: 8px;
	width: 152px;
	padding-right: 10px;
	padding-left: 10px;
}
.portlet-body .sample {
	margin: 0 auto;
	width: 160px;
	overflow: hidden;
}
.portlet-body .sample img {
	display: block;
	margin: auto;
}
.blob .chooser p {
	font-size: 80%;
	margin: 0px;
	text-align: center;
}
.catalog .detail { padding: 15px 15px 0; }
.catalog .detail .picture {
	float: left;
	width: 120px;
	overflow: hidden;
	margin-right: 20px;
}
.catalog .detail .details {
	float: left;
	width: 360px;
}
.catalog .detail p { margin: 1em 0; }
.catalog .detail .details .header {
	display: block;
	float: left;
	width: 12em;
	margin: 0px;
}
.catalog .detail label {
	display: block;
	float: left;
}
h4 { margin-top: 0.5em; }
.navigator small { margin-left: .5em; }
.newsletter .paragraph { margin-bottom: 1em; }
.newsletter .paragraph textarea { width: 100%; }
.order .edit { padding: 3em 2em; }
.page .edit textarea {
	height: 35em;
	width: 100%;
}
h3 { margin-bottom: 0.5em; }
.page .read .body { overflow: hidden; }
.profile .cleanup { margin-top: 1em; }
.profile .search input { width: 10em; }
.profile .new { margin-top: 1em; }
.profile .new label { width: 8em; }
.profile .new input { width: 24em; }
.profile .login h3 { margin-top: 1em; }
.profile .login label { width: 8em; }
.content .perspective h3 { margin: 0px; }
.container .searchbar { padding: 10px 15px 0; }
.balloon img {
	margin-left: 5em;
	display: block;
}
.navigator .history a {
	font-size: 80%;
	overflow: hidden;
	line-height: 1.5em;
	height: 1.5em;
}
.profile .edit h3 { margin-top: 0.5em; }
input.invalid { background-color: #FFE1E1; }
.submit {
	height: 0px;
	width: 0px;
	border: 0px;
	display: block;
	float: left;
	overflow: hidden;
}
.login { position: relative; }
.login .balloon { width: 24em; }
.order .shipping div {
	float: left;
	width: 50%;
}
.order .shipping h4 { font-size: 110%; }