body
{
	color: black;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma, Sans-Serif;
	background-color: #ffffff;
}

h1
{
	font-weight: bold;
	font-size: 16pt;
	color: #990000;
	font-family: Arial, Tahoma, Sans-Serif;
}

h2
{
	font-weight: bold;
	font-size: 12pt;
	color: #336699;
	font-family: Arial, Tahoma, Sans-Serif;
}

h3, h4, h5
{
	color: #336699;
	font-family: Arial, Tahoma, Sans-Serif;
}

a
{
	color: #990000;
}

/* textboxes layout */
.text /* page wide textbox */
{
	height: 200px;
	width: 495px;
	font-family: Sans-Serif;
}

.text2 /* table second column wide textbox */
{
	height: 200px;
	width: 400px;
	font-family: Sans-Serif;
}

.highlight
{
	font-weight: bold;
	background-color: Yellow;
}



/* ====== layout css ======= */
#container
{
	margin-right: auto;
	margin-left: 50px;
	width: 980px;
	border: 1px #000000 solid;
}

#logo
{
	height: 75px;
	background-image: url(logobg.gif);
	position: relative;
}

#search
{
	padding: 5px;
	position: absolute;
	right: 0;
	top: 30px;
	color: #2C6A99;
	font-size:  x-small;
	text-decoration: none;
}
#search a
{
	color: #2C6A99;
	text-decoration: none;
}
#search input
{
	border-style:solid;
	border-color: #DEEAEA;
}

#menu1
{
	background-image: url(m1bg.gif);
	height: 40px;
	text-align: -moz-right;
	#text-align: right;
	color: #2C6A99;
	font-size:  small;
	text-decoration: none;
}
#menu1 a
{
	text-decoration: none;
}
#menu1 input
{
	border-style:solid;
	border-color: #DEEAEA;
}

#menu2
{
	background-image: url(m2bg.gif);
	color: #ffffff;
	background-repeat: repeat-x;
	height: 28px;
	padding-left: 5px;
	padding-top: 5px;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 14px;
}

#menu2 a
{
	text-decoration: none;
	color: #ffffff;
	font-family: Arial, Tahoma, Sans-Serif;
	font-size: 14px;
}

/* old */
#footer
{
	height: 32px;
	background-color: #929DA3;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	font-size: smaller;
	color: #ffffff;
}
#footer a
{
	height: 32px;
	background-color: #929DA3;
	line-height: 32px;
	vertical-align: middle;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
}

#copyright
{
	height: 22px;
	background-color: #E2E2E2;
	background-image: url(crbg.gif);
	background-repeat: repeat-x;
	line-height: 22px;
	vertical-align: middle;
	text-align: center;
	font-size: smaller;
}

#midcontainer
{
	background-color: #8F9EA5;
	width: 980px;
}

#contentpane
{
	padding: 5px 0;
}

#content
{
	background-color: #ffffff;
	width: 720px;
	padding: 5px;
}

#contentAdmin
{
	background-color: #ffffff;
	width: 900px;
	padding: 5px;
}
.contentAdmin
{
	background-color: #ffffff;
	width: 900px;
	padding: 5px;
}

#contentAE
{
	background-color: #ffffff;
	width: 720px;
	padding: 5px;
}

.content
{
	background-color: #ffffff;
	width: 720px;
	padding: 5px;
}

.contentAE
{
	background-color: #ffffff;
	width: 720px;
	padding: 5px;
}

#leftpane
{
	padding: 5px;
	margin: 0;
	width: 199px;
}

.FeaturedSellers
{
	clear: both;
	float: right;
	background-color: #ffffff;
	padding: 0;
	margin: 0;
	margin-right: 10px;
	margin-top: 130px;
	width: 200px;
}

#feat
{
	background-color: #E1E9EC;
	background-image: url(featbg.gif);
	background-repeat: repeat-y;
	margin: 0;
	width: 189px;
}
/* parent element "stretch" to contain its floated children in FF */
#feat:after
{ 
	content: "."; 
	display: block; 
	line-height: 1px; 
	font-size: 1px; 
	clear: both;
}

#feat ul
{
	list-style-image: url(diamond.gif);
	padding-left: 30px;
	margin-left: 0;
	margin-right: 10px;
	list-style-position: outside;
}

#feat .contact
{
    font: bold 10px Arial;
	color: #2C6A99;
	padding-left: 10px;
}
#feat .contact a
{
    font: bold 10px Arial;
	color: #2C6A99;
	text-decoration: none;
}

.catlist
{
	width: 188px;
	background-color: #ffffff;
}

.catlist ul
{
	list-style-image: url(catbul.gif);
	padding-left: 30px;
	margin-left: 0;
	margin-right: 10px;
	list-style-position: outside;
}

.catlist ul a
{
	text-decoration: none;
	font-size: 10pt;
	font-weight: bolder;
	color: #5A80A4;
	font-family: Arial, Tahoma, Sans-Serif;
}
/* parent element "stretch" to contain its floated children in FF */
.catlist:after
{ 
	content: "."; 
	display: block; 
	line-height: 1px; 
	font-size: 1px; 
	clear: both;
}

.wbgtl
{
	background-image: url(wbgtl.gif);
	height: 6px;
	width: 6px;
}

.wbgtr
{
	background-image: url(wbgtr.gif);
	height: 6px;
	width: 6px;
}

.wbgbl
{
	background-image: url(wbgbl.gif);
	height: 6px;
	width: 6px;
}

.wbgbr
{
	background-image: url(wbgbr.gif);
	height: 6px;
	width: 6px;
}

.wbgt
{
	background-image: url(wbgt.gif);
	background-repeat: repeat-x;
	height: 6px;
}

.wbgb
{
	background-image: url(wbgb.gif);
	background-repeat: repeat-x;
	height: 6px;
}

.wbgl
{
	background-image: url(wbgl.gif);
	background-repeat: repeat-y;
	width: 6px;
}

.wbgr
{
	background-image: url(wbgr.gif);
	background-repeat: repeat-y;
	width: 6px;
}

.rpl
{
	background-image: url(rpl.gif);
	background-repeat: repeat-y;
	width: 5px;
}

.rpr
{
	background-image: url(rpr.gif);
	background-repeat: repeat-y;
	width: 5px;
}

/* ====== Last4 layout ======== */

.h4t
{
	background-image: url(h4t.gif);
	background-repeat: repeat-x;
	height: 10px;
	width:auto;
}

.h4lt
{
	height: 10px;
	width: 10px;
}

.h4rt
{
	height: 10px;
	width: 10px;
}

.h4cn a
{
	font-weight: bold;
	font-size: 14pt;
	color: #990000;
	font-family: Arial, Tahoma, Sans-Serif;
	margin-bottom: 5px;
	text-decoration: none;
}

.h4artt
{
	font-weight: bold;
	color: #336699;
	font-family: Arial, Tahoma, Sans-Serif;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.h4artt a
{
	font-weight: bold;
	color: #336699;
	font-family: Arial, Tahoma, Sans-Serif;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-decoration: none;
}

.h4artau
{
	font-size: 11px;
	font-style: italic;
	color: #336699;
	font-family: Arial, Tahoma, Sans-Serif;
}

.Li:hover
{
   background-color: #ddeeff;
}

.Grid
{
	text-align: left;    
    font-size: 11px;
    border-collapse: collapse;
    border: 1px solid #6a96b0;
    margin: 5px 0 15px 0;
}

.Grid tr.normal:hover, .Grid tr.alternate:hover
{
   background-color: #ddeeff;
}

.GridHead
{
	font: bold 13px Arial, Verdana, Helvetica, sans-serif;
	color: #a3432c;
	text-align: center;
    height: 21px;
    margin: 0;
    padding: 6px 3px 2px 5px;
    white-space: nowrap;
    background: url(gradient-table.gif);
}


.GridPager
{
    font-size: 12px;
    color: #2C6A99;
}

.GridPager a
{
    font-size: 12px;
	color: #a3432c;
	text-decoration: underline;
}

.UpdateTable
{
    font: bold 12px Arial;
	color: #a3432c;
    border: 1px solid #6a96b0;
    width: 100%;
}
.UpdateTable td
{
	padding: 2px 10px 10px 10px;
}
.UpdateTable input, .UpdateTable textarea
{
    border: 1px solid #6a96b0;
}
.UpdateTable input
{
}
.UpdateTable input.btn
{
    background-color: #DEEAEA;
    border: 1px solid #6a96b0;
    font: 12px Arial;
	color: #a3432c;
	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}
.UpdateTable input.ckb
{
    border: none;
    width: auto;
}

.txt
{
    font: bold 12px Arial;
	color: #2C6A99;
}

.btn
{
    background-color: #DEEAEA;
    border: 1px solid #6a96b0;
    font: 12px Arial;
	color: #a3432c;
	filter: progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

.ckb
{
    border: none;
    width: auto;
}

.pnl
{
    font: bold 12px Arial;
	color: #a3432c;
    border: 1px solid #6a96b0;
    padding: 0 10px 10px 10px;
    margin: 10px;
}


.art_title
{
	text-align: left;
	font-size: 12px;
	font-weight: bold;
}

.art_author
{
	text-align: left;
	font-size: 11px;
	font-style: italic;
}

.art_by
{
	text-align: right;
	font-size: smaller;
}

.quote
{
	color:#2C6A99; 
	font-weight:bold; 
	font-size:14px;
}

.quote1
{
	border: 1px solid Gray; 
	color:Black; 
	padding:10px;
}

.catname
{
	color: #990000;
}

.flag
{
	clear:both;
	border:1px solid Silver; 
	padding: 10px;
	padding-bottom:5px; 
	padding-right:5px;	
	font-size: 10px;
}


/* new */
.footer
{
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	color: Gray;
	font-weight:bold;
}
.footer a
{
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
	color: Gray;
	text-decoration: none;
	font-weight:bold;
}

.lnkTop, .lnkTop a
{
    font-size: 9px;
	color: #8D0100;
	font-weight: bold;
	text-decoration: none;
}

.txtTop
{
    border: 1px solid #c7c7c7;
	font-family: Tahoma,Verdana;
    font-size: 10px;
	color: Black;
}

.topMenu
{
	text-align:left;
	height: 20px;
	margin-left: 30px;
	padding-top: 1px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.topMenuItem
{
	color: #fff;
	background-color: #8D0100;
	padding-left: 1px;
	padding-right: 5px;
}

.topMenuItemSel
{
	color: #8D0100;
	background-color: #fff;
	padding-left: 1px;
	padding-right: 5px;
}

.watermarked 
{
    border: 1px solid #c7c7c7;
    font-size: 10px;
	font-weight: bold;
	color: Silver;
}

ul .liArt a
{
	color: #969696; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
}

ul
{
	margin-left: 20px;
	padding: 0;
}