/* ----- STYLE SHEET ----- */
/*
colour palette:
  light grey = CCC
  dark grey  = 333
  maroon     = 561420
  red        = 821122
  brown      = C59A6F
extra:
  mid grey   = 666
  
*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight : normal;
	font-size: 8pt;
	background-color: #333;
	color : #CCC;
	border : 0px;
	margin : 0px;
	padding: 0px;
}
div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}

/* ----- General font families for common tags ----- */
h1 { 
	font-size: 190%; 
	color: #CCC; 
	font-weight: bold; 
	padding: 0px 0px 6px 0px; 
	margin: 5px 0px 8px 0px; 
	border: 0px;
}
h2 { font-size: 160%; color: #C59A6F; font-weight: bold; padding: 8px 0px 8px 0px; margin: 0px 0px 0px 0px; }
h3 { font-size: 140%; color: #C59A6F; font-weight: bold; padding: 8px 0px 0px 0px; margin: 0px 0px 0px 0px; }
h4 { font-size: 120%; color: #561420; font-weight: bold; padding: 10px 0px 4px 0px; margin: 0px 0px 0px 0px; }
p { color: #ccc; }
form, input, select, textarea  {
	font-family : Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 1px 3px 0px 4px; 
}
select, textarea, input {	FONT-SIZE: 100%; }

A{ TEXT-DECORATION: none;	COLOR: #561420; }
A:hover {	COLOR: #821122;	cursor: pointer; }
img { border: 0px; }

.outerWrapper {
	margin: 0px auto 0px auto; 
	padding: 0px;
	border: 0px solid white;
	width: 960px;
}

/* --- header --- */
.header {
	width: 960px;
	text-align: right;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 1px solid #666;
}
.header img {
	border: 0px;
}

/* ----- left menu ----- */
.leftMenu {
	width: 170px;
	padding: 0px;
	margin: 9px 0px 0px 0px;
	float: left;
}
.leftMenu img {
	display: block;
}
.MenuTitle {
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	width: 132px;
	color: #CCCCCC;
	height: 14px;
	display: block;
	vertical-align: middle;
	margin: 0px;
	padding: 5px 6px 5px 6px;
}
:hover.MenuTitle {	background: #666;	color: #FFFFFF }
:active.MenuTitle {	background: #666;	color: #FFFFFF; }

.MenuItem {
	text-align: left;
	text-decoration: none;
	/*width: 148px;*/
	color: #CCCCCC;
	height: 16px;
	display: block;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding-left: 8px; padding-right:6px; padding-top:3px; padding-bottom:1px;
	border-left: solid 1px #666;
	border-right: solid 1px #666;
}
:hover.MenuItem {	background: #666666; color: #FFFFFF; }
:active.MenuItem {	background: #555555; color: #FFFFFF; }

.menuexpand { 
	color: #666;
	float: right;
	text-align: center; 
	font-weight: bold;
	text-decoration: none;
	width: 11px;
	height: 11px;
	display: inline;
	vertical-align: middle;
	margin: 3px 0px 3px 0px;
	padding: 2px 2px 3px 2px;
	border: 1px solid #666;
	line-height: 100%;
	position: relative;
}
:hover.menuexpand {	color: #999; border: 1px solid #999; }

.menubordertop {
	margin: 4px 0px 0px 0px;
	border-top: 1px solid #666;	
	border-right: 1px solid #666;
	border-bottom: 0px solid #666;
	border-left: 1px solid #666;
	height: 0px;
}
.menuborderbottom {
	margin: 0px 0px 4px 0px;
	border-top: 0px solid #666;	
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	height: 0px;
}

/* ----- main content ----- */
.mainContent {
	padding: 0px;
	margin: 10px 0px 0px 170px;
	/* background-color: #433939;*/
}
.mainTop {
	width: 780px;
	height: 286px;
	margin: 0px 0px 5px 10px;
}
.mainGrid {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}
.mainGrid a .item {
	margin: 5px 0px 0px 10px;
}
/*
.homeGrid a:hover .item {
	background-color: #433939;
}
*/
.item, .article {
	display: block;
	width: 385px;
	margin: 0px 0px 0px 0px;
	border: 0px;
	padding: 0px;
	overflow: hidden;
}
.article {
	margin: 0px 0px 0px 10px;
}
.xDouble {
	float: left;
	height: 120px;
}
.x1 {
	float: left;
	height: 92px;
}
.xFeatured {
	float: right;
	height: 258px;
}
.xFeatured .imagewrapper {
	margin: 0px 0px 0px 0px;
	float: left;
	width: 383px;
	height: 256px;
}
.xFeatured img {
	z-index: -1;
/*
	height: 256px;
	width: 383px;
*/
}
.xFeatured .overlaycontainer {
	position: relative;
	top: -70px;
	width: 300px;
	height: 48px;
	overflow: hidden;
	z-index: 1;
	display: block;
	float: right;
	margin: 0px 1px 0px 0px;
	border: 0px; 
	padding: 0px; 
}
.xFeatured .overlaybg {
	display: block;
	height: 100%; 
	width: 100%;
	position: absolute;
	z-index: 2;
	background-color: #561420;
	filter:alpha(opacity=86);
	-moz-opacity:.86;
	opacity:.86;
}
.xFeatured .overlaycontent {
	display: block;
	position: relative;
	z-index: 3;
	margin: 0px;
	border: 0px; 
	padding: 0px; 
}
.overlaycontent h1 {
	font-size: 12pt;
	margin: 6px 4px 2px 10px;
	border: 0px; 
	padding: 0px; 
	color: #eee;
}
.overlaycontent p {
	font-size: 9pt;
	margin: 3px 4px 4px 9px;
	border: 0px; 
	padding: 0px; 
	color: #ccc;
}
.divider {
	display: block;
	float: left;
	width: 385px;
	height: 0px;
	margin: 9px 0px 3px 10px;
	border-top: 0px; 
	border-right: 0px; 
	border-bottom: 1px dashed #666; 
	border-left: 0px; 
}
.xDouble .imagewrapper {
	margin: 0px 9px 0px 0px;
	float: left;
	width: 173px;
	height: 116px;
}
.xDouble .imagewrapper img {
	z-index: -1;
/*
	width: 173px;
	height: 116px;
*/
}
.x1 .imagewrapper {
	margin: 0px 0px 0px 9px;
	float: right;
	width: 134px;
	height: 90px;
}
.x1 .imagewrapper img {
	z-index: -1;
/*
	width: 134px;
	height: 90px;
*/
}
.article .imagewrapper {
	margin: 2px 0px 0px 9px;
	float: right;
	width: 173px;
	height: 116px;
}
.article .imagewrapper img {
	z-index: -1;
}

.imagewrapper {
	overflow: hidden;
	display: table; 
	background-color: #433939;
	border: 1px solid #666;
}
a:hover .imagewrapper {
	border: 1px solid #999;
}

.articlefull .imagewrapper {
	margin: 0px 0px 10px 0px;
}

.imageposition {
	display: table-cell; 
	vertical-align: middle; 
	width: 100%; 
	text-align: center; 
}
.imagewrapper img {
	/*z-index: -1;*/
	border: 0px;
}

.itemStatus {
	position: relative;
	overflow: hidden;
	z-index: 10;
	display: block;
	float: right;
	margin: 1px 0px 0px 0px;
	border: 0px; 
	padding: 0px;
}
.xDouble .itemStatus {
	left: -211px;
}
.x1 .itemStatus {
	left: 144px;
}
.colRed {
	background-color: #561420;
	color: #eee;
}
.colGreen {
	background-color: #145620;
	color: #eee;
}
.colBrown {
	background-color: #a57A4F;
	color: #eee;
}
.colWhite {
	background-color: #fff;
	color: #d00;
}
.itemStatusContent {
	display: block;
	position: relative;
	z-index: 3;
	margin: 1px 4px 2px 5px;
	border: 0px; 
	padding: 0px; 
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	font-size: 8px;
}
.itemViewStatusRed  {
	text-transform: uppercase;
	font-weight: bold;
	color: #e00;
}
.itemViewStatusBrown  {
	/*text-transform: uppercase;*/
	font-weight: bold;
	color: #C59A6F;
}

.xDouble h1 {
	font-size: 11pt;
	padding: 0px 0px 0px 0px;
	margin: 1px 6px 1px 0px;
	color: #C59A6F;
}
.x1 h1 {
	font-size: 11pt;
	color: #C59A6F;
	padding: 0px 0px 0px 0px;
	margin: 2px 6px 1px 2px;
}
.article h1 {
	margin: 3px 6px 2px 8px;
}
a:hover .article h1, a:hover .article p,
a:hover .item h1, a:hover .item p {
	color: #ddd;
	/* background-color: #3a3232; */
}
.xDouble p, .x1 p {
	padding: 0px;
	margin: 2px 6px 6px 3px;
}
.article p {
	padding: 0px;
	margin: 2px 6px 6px 8px;
}
.item p.morebutton {
	padding: 0px;
	margin: -4px 6px 0px 3px;
	font-size: 7pt;
	color: #888;
}
.article p.morebutton {
	padding: 0px;
	margin: -4px 6px 0px 8px;
	font-size: 7pt;
	color: #888;
}
/*
.clickMe {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #666;
	z-index: 5;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/


/* category */
.categoryinfo {
	padding: 3px 14px 10px 8px; 
	margin: 0px 0px 5px 10px;
	border-bottom: 1px solid #555; 
}
.categoryinfo h2 { 
	font-size: 200%; 
	color: #ccc; 
	font-weight: bold; 
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px 0px;
}
.categoryinfo .notes {
	padding: 4px 0px 0px 0px; 
	margin: 0px 0px 1px 2px;
	color: #ccc; 
}
.page-browse {
	display: block;
	font-size: 9px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 5px 10px;
	line-height: 36px;
	text-align: center;
}
.page-link {
	border: 1px solid #666;
	padding: 2px 4px;
	margin: 0px 1px 0px 1px;
	color: #666;
}
:hover.page-link { 
	border: 1px solid #ccc;
	background: #444;
	/*background: #DDC599;*/
	color: #ccc;
}
.page-current {
	margin: 0px 1px 0px 1px;
	border: 1px solid #666;
	padding: 2px 4px;
	background: #666;
	color: #ccc;
}
.page-disabled {
	margin: 0px 1px 0px 1px;
	border: 1px solid #444;
	padding: 2px 4px;
	color: #444;
}

/* piece / article full */
.pieceinfo {
	padding: 3px 14px 10px 8px; 
	margin: 0px 0px 5px 10px;
	border-bottom: 1px solid #555; 
}
.pieceinfo h2 { 
	font-size: 200%;
	color: #CCC;
	font-weight: bold; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
.articlefull {
	padding: 3px 14px 10px 8px; 
	margin: 0px 0px 5px 10px;
}
.articlefull h2 { 
	font-size: 200%;
	color: #CCC;
	font-weight: bold; 
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
.articlefull p { 
	padding: 0px 0px 0px 0px;
	margin: 4px 10px 10px 3px;
}
.articlefull .sidebar {
	width: 385px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 4px 0px 10px 10px;
}
.articlefull .sidebar .BigThumb {
	display: block;
	height: 258px;
	width: 385px;
	padding: 0; 
	margin: 0px 10px 10px 0px;
	background-color: #555;
}
.articlefull .sidebar .BigThumb .imagewrapper {
	padding: 0; 
	margin: 0px;
	border: 1px solid #555; 
	height: 258px;
	width: 385px;
	overflow: none;
	display: table; 
}
.articlefull .sidebar .BigThumb a {	
	position: absolute;
}
.pieceImage {
	padding: 0px 0px 0px 0px; 
	margin: 5px 0px 5px 0px;
	width: 397px;
	float: left;
}
.pieceImage .BigThumb {
	display: block;
	height: 258px;
	width: 385px;
	padding: 0; 
	margin: 0px 0px 0px 10px;
}
.pieceImage .BigThumb .imagewrapper {
	padding: 0; 
	margin: 0px;
	border: 1px solid #555; 
	height: 258px;
	width: 385px;
	/*overflow: none;*/
	display: table; 
}
.pieceImage .BigThumb a {	
	display: none;
	position: absolute;
}
.pieceImage .BigThumb img {
	/*
	width: 385px;
	height: 258px;
	*/
}
.pieceImage .Selector {
	display: block;
	background-color: #955;
	padding: 0; 
	margin: 10px 0px 0px 0px;
	position: relative;
}
.pieceImage .Selector .imagewrapper {
	padding: 0; 
	margin: 0px 0px 10px 10px;
	width: 87px;
	height: 58px;
	float: left;
}
.pieceImage .Selector .imagewrapper img {
/*
	x3
	width: 118px;
	height: 79px;
*/
/*
	x4
	width: 87px;
	height: 58px;
*/
}

.pieceDescription {
	padding: 0px 15px 10px 12px; 
	margin: 10px 0px 10px 405px;
	border: 1px solid #555;
}
.pieceDescription p {
	padding: 0px 0px 0px 0px; 
	margin: 4px 0px 12px 0px;
	color: #ccc;
}
.pieceParticulars {
	padding: 0px 12px 10px 12px; 
	margin: 0px 0px 10px 405px;
	border: 1px solid #555; 
}
.detailstable {
	padding: 0px 0px 0px 0px; 
	margin: 4px 0px 8px 0px;
}
.detailstable .row {
	padding: 0px 0px 0px 0px; 
	margin: 2px 0px 2px 0px;
}
.detailstable .row:after {
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.detailstable .label {
	width: 80px;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}
.detailstable .label {
	font-weight: bold;
	vertical-align: top;
	float: left;
}
.detailstable .info {
	width: 260px;
	margin: 2px 0px 2px 90px;
}
.smallText {
	font-size: 7pt;
	color: #999;
}	

.pieceEnquire {
	padding: 0px 12px 10px 12px; 
	margin: 0px 0px 10px 405px;
	border: 1px solid #821122;
	background-color: #821122;
	color: #ccc;
}
.articleEnquire {
	padding: 0px 12px 10px 12px; 
	margin: 0px 0px 10px 0px;
	border: 1px solid #821122;
	background-color: #821122;
	color: #ccc;
}
.pieceEnquire h3, .articleEnquire h3 {
	color: #eee;
}
.pieceEnquire form, .articleEnquire form {
	padding: 0px 0px 0px 0px; 
	margin: 10px 0px 6px 0px;
}
.pieceEnquire .label, .articleEnquire .label {
	margin: 2px 0px 0px 0px;
	float: left;
	width: 80px;
}
.pieceEnquire .row, .articleEnquire .row  {
	padding: 0px 0px 0px 0px; 
	margin: 4px 10px 4px 0px;
	height: 18px;
}
.pieceEnquire .rowBig, .articleEnquire .rowBig  {
	padding: 0px 0px 0px 0px; 
	margin: 4px 10px 4px 0px;
	height: 107px;
}
.pieceEnquire .row:after, .pieceEnquire .rowBig:after, 
.articleEnquire .row:after, .articleEnquire .rowBig:after {
   /*content: ".";*/
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.pieceEnquire .info, .articleEnquire .info {
	/*width: 260px;*/
	float: right;
	margin: 0px 0px 0px 0px;
	background-color: #333;
}

.pieceEnquire .textinput, .articleEnquire .textinput {
	padding: 2px 4px 2px 4px; 
	margin: 0px 0px 0px 0px;
	width: 250px;
	border: 0px;
	background-color: #fff;
}
.pieceEnquire textarea, .articleEnquire textarea, .textarea {
	padding: 4px 4px 4px 4px; 
	margin: 0px 0px 0px 0px;
	width: 250px;
	height: 100px;
	border: 0px;
	background-color: #fff;
}
.pieceEnquire .submit, .articleEnquire .submit {
	padding: 0px 0px 0px 0px; 
	margin: 0px 0px 0px -1px;
	width: 259px;
	height: 22px;
}

/* email feedback */
.responseGood {
	background-color: #145620; 
	color: #fff; 
	font-weight: bold;
	text-align: center;
	padding: 6px 6px 6px 6px; 
	margin: 0px 0px 10px 10px;
}
.responseBad {
	background-color: #561420; 
	color: #fff; 
	font-weight: bold;
	text-align: center;
	padding: 6px 6px 6px 6px; 
	margin: 0px 0px 10px 10px;
}


/* ----- footer ----- */
.footer {
	padding: 10px;
	margin: 18px 0px 18px 0px;
	clear: both;
	text-align: center;
}
.footer p {
	display: none;
	font-size: 7pt;
	color: #555;
}