/*** general ***/
body
{
   background-color: #FFFFFF;
   color: #565656;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   margin: 0;
	min-width: 830px;
   padding: 0;
	text-align: center;
}

a:link { color: #565656; }
a:visited { color: #565656; }
a:hover { color: #565656; }
a:active { color: #565656; }

form { margin: 0; padding: 0; }

label
{
   display: block;
   float: left;
   height: 18px;
   line-height: 18px;
   margin: 0;
   padding: 0;
   width: 185px;
}

.checkbox
{
   float: left;
}

.checkbox-label
{
   float: left;
   padding-left: 8px;
   width: 360px;
}

.select
{
   color: #565656;
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   margin: 0;
   padding: 2px;
}

.text
{
   border: 1px solid #565656;
   color: #565656;
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   margin: 0;
   padding: 2px;
   width: 196px;
}

.textarea
{
   border: 1px solid #565656;
   color: #565656;
   float: left;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   margin: 0;
   padding: 2px;
   width: 196px;
}

.image-button
{
   margin: 10px 0px 0px 0px;
}

.button
{
   margin-top: 7px;
   text-align: right;
   width: 385px;
}

.button a
{
   font-weight: bold;
   text-decoration: none;
}

.error
{
   font-style: italic;
   float: left;
   height: 18px;
   line-height: 18px;
   margin-left: 10px;
   width: 200px; 
}

.red
{
	color: #FF0000;
	font-weight: bold;
}

.clear-float-form
{
   clear: both;
   height: 5px;
   margin: 0;
   overflow: hidden;
   padding: 0;
}

h1, h2, h3, h4, h5, h6
{
   font-weight: normal;
   margin: 0;
   padding: 0px 0px 12px;
}

h1 { font-size: 17pt; }
h2 { font-size: 15pt; }
h3 { font-size: 13pt; }
h4 { font-size: 11pt; }
h5 { font-size: 9pt; }
h6 { font-size: 8pt; }

hr
{
   background-color: #565656;
   border-width: 0px;
   color: #565656;
   height: 1px;
}

#wrapper {
   margin: 0px auto 20px;
   padding: 0;
	text-align: left;
	width: 855px;
}

#box {
   background-color: #878787;
   margin: 0;
}

.clear-float {
   clear: both;
   height: 0;
   margin: 0;
   overflow: hidden;
   padding: 0;
}


/*** header ***/
#header {
   /*** background: url( ../images/background_header.png ) repeat-x top left; ***/
   height: 130px;
   position: relative;
	width: 855px;
}

#header_background_top {
   background: #373737;
   height: 72px;
}

#logo {
   border-width: 0px;
   position: absolute;
   top: 16px;
   left: 8px;
}

#cofa {
   color: #FFFFFF;
   font-size: 16px;
   left: 112px;
   position: absolute;
   top: 28px;
}

#upper-right-content {
   color: #0A0607;
   font-size: 9pt;
   position: absolute;
   top: 17px;
   right: 20px;
   white-space: nowrap;
}

#upper-right-content a {
   color: #0A0607;
	text-decoration: none;
}

#upper-right-content a:hover {
	text-decoration: underline;
}


/*** header search ***/
#upper-right-search {
   margin: 0;
   padding: 0;
   position: absolute;
   right: 6px;
   top: 33px;
   white-space: nowrap;
}

#upper-right-search-keywords {
   border: solid #DEDFDC 1px;
   display: inline;
   height: 18px;
   width: 130px;
   vertical-align: middle; 
}

#upper-right-search-button {
   display: inline;
   vertical-align: middle;
}


/*** header navigation ***/
#header-navigation {
   background: url( ../images/background_navigation.png ) no-repeat top left;
   height: 40px;
	left: 107px;
	padding-left: 10px;
	padding-top: 8px;
	position: absolute;
	top: 77px;
	width: 732px;
}

#header-navigation ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
   position: relative;
}

#header-navigation a {
   color: #FFFFFF;
   font-size: 11px;
   text-decoration: none;
}

#header-navigation ul#dropdowns {
   margin: 0px auto;
   width: 666px;
}

#header-navigation ul#dropdowns li.dropdown {
   background: url( ../images/pixel.gif );
   position: absolute;
   top: 0px;
   z-index: 1000;
}

#header-navigation ul#dropdowns li#menu1 { left: 1px; }
#header-navigation ul#dropdowns li#menu2 { left: 71px; }
#header-navigation ul#dropdowns li#menu3 { left: 182px; }
#header-navigation ul#dropdowns li#menu4 { left: 273px; }
#header-navigation ul#dropdowns li#menu5 { left: 372px; }
#header-navigation ul#dropdowns li#menu6 { left: 457px; }
#header-navigation ul#dropdowns li#menu7 { left: 591px; }

#header-navigation ul#dropdowns li.dropdown a.root_anchor {
   height: 17px;
   line-height: 17px;
   padding-left: 13px;
}

#header-navigation ul#dropdowns li.dropdown ul {
   display: none;
   border: 1px solid #FFFFFF;
   margin-top: 3px;
}

#header-navigation ul#dropdowns li.dropdown ul li a {
   background: #373737;
   display: block;
   padding: 7px 12px;
   white-space: nowrap;
}

#header-navigation ul#dropdowns li.dropdown ul li a:hover {
   background: #878787;
}


/*** header reflection ***/
#header-reflection {
   background: url( ../images/reflection_background.png ) repeat-x;
   height: 15px;
   margin: 0px 22px 0px 107px;
   text-align: center;
}

#header-reflection-left {
   background: url( ../images/reflection_left.png ) no-repeat bottom left;
   height: 15px;
}

#header-reflection-right {
   background: url( ../images/reflection_right.png ) no-repeat bottom right;
   height: 15px;
}

#header-reflection img {
   margin: 0px 24px 0px 13px;
}


/*** content ***/
#content-wrapper {
   background-color: #FFFFFF;
   margin: 0 17px;
   padding: 0px 15px;
}

#content-scroll
{
   height: 415px;
   padding: 0px 10px 0px 0px;
   overflow: auto;
}

#content
{
   margin: 0 auto;
   overflow: hidden;
   padding: 12px 0 0 0;
   width: 855px;
}


/*** rounded corners ***/
#rounded-corner-top {
   background: #FFF url( ../images/rc_top_right.gif ) no-repeat top right;
   height: 15px;
   margin: 0px 17px;
   overflow: hidden;
}

#rounded-corner-top div {
   background: url( ../images/rc_top_left.gif ) no-repeat top left;
   height: 15px;
   width: 15px;
}

#rounded-corner-bottom {
   background: #FFF url( ../images/rc_bottom_right.gif ) no-repeat bottom right;
   height: 15px;
   margin: 0px 17px;
   overflow: hidden;
}

#rounded-corner-bottom div {
   background: url( ../images/rc_bottom_left.gif ) no-repeat bottom left;
   height: 15px;
   width: 15px;
}


/*** footer ***/
#footer {
   color: #FFFFFF;
   font-size: 8px;
   height: 19px;
   line-height: 18px;
   text-align: center;
}

#footer a {
   color: #FFFFFF;
}


/*** art ***/
#art-search-heading
{
   float: left;
}

#art-search-navigation
{
   float: right;
   height: 34px;
   line-height: 34px;
}

#art-search-background
{
   background: url( ../images/art/background.gif ) repeat-y top left;
}

.art-search-gray-header
{
   background: url( ../images/art/header_gray.gif ) no-repeat;
   border-bottom: solid 1px #FFFFFF;
   color: #FFFFFF;
   padding: 5px 10px;
}

.art-search-gray-header h4 { padding: 0px; }

.art-search-white-header
{
   background: url( ../images/art/header_white.gif ) no-repeat;
   border-bottom: solid 1px #B5B5B5;
   padding: 5px 10px;
}

.art-search-white-header h4 { padding: 0px; }

.art-search-column { float: left; overflow: hidden; width: 152px; }
#art-search-column-1 { color: #565656; margin-right: 7px; }
#art-search-column-2 { color: #FFFFFF; margin-right: 8px; }
#art-search-column-2 a { color: #FFFFFF; }
#art-search-column-3 { color: #565656; margin-right: 8px; }
#art-search-column-4 { color: #FFFFFF; margin-right: 9px; }
#art-search-column-4 a { color: #FFFFFF; }
.art-search-column-content { padding: 10px 10px 0px 10px; }

#art-search-advanced-header
{
   background: #565656;
   border-bottom: solid 1px #565656;
   color: #FFFFFF;
   padding: 5px;
   text-align: center;
}

#art-search-advanced-header h4 { padding: 0px; }
#art-search-advanced-column { float: left; overflow: hidden; width: 214px; }
#art-search-advanced-column form { margin-top: -10px; }

#art-search-advanced-column form label
{
   display: block;
   float: none;
   height: 18px;
   line-height: 18px;
   margin: 0;
   padding: 0;
   padding-top: 4px;
   width: 100%;
}

#art-search-advanced-column form .separator-label
{
   float: left;
   height: 18px;
   line-height: 18px;
   padding: 0px 5px;
   width: 11px
}

#art-search-advanced-column form .text-field
{
   color: #565656;
   display: block;
   float: none;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   width: 97%;
}

#art-search-advanced-column form select
{
   color: #565656;
   display: block;
   float: none;
   font-family: Verdana, Arial, sans-serif;
   font-size: 8pt;
   margin-top: 10px;
   padding: 2px;
   width: 99%;
}

#art-search-advanced-column form .select-thin
{
   float: left;
   margin: 0;
   width: 43%;
}

#art-search-advanced-button
{
   border: 1px solid #7F7F7F;
   margin: 10px 0px 0px 0px;
}

#art-search-footer { clear: both; height: 12px; }


/*** two column ***/
#column-1
{
   float: left;
   margin: 0;
   overflow: hidden; 
   padding: 0;
   width: 500px;
}

#column-2
{
   border-left: 1px solid #565656;
   float: right;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 344px;
}

#column-2 h2
{
   padding: 0px 10px 5px 10px;
}

#column-2 h3
{
   padding: 0px 10px 5px 10px;
}

#column-2 .section
{
   border-top: 1px solid #565656;
   margin: 0;
   padding: 10px;
}

#column-2 .section #left-navigation
{
   border: none;
   float: left;
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   width: 155px;
}

#column-2 .section #left-navigation a { text-decoration: none; }
#column-2 .section #left-navigation a:hover { text-decoration: underline; }

#column-2 .section #right-navigation
{
   border: none;
   float: right;
   line-height: 1.5;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-bottom: 10px;
   width: 155px;
}

#column-2 .section #right-navigation a { text-decoration: none; }
#column-2 .section #right-navigation a:hover { text-decoration: underline; }

#slideshow
{
	height: 400px;
}

/*** alt two column ***/
#gray-white-column-background
{
   background: url( ../images/two_column_gray_white/background.gif ) repeat-y top left;
}

#gray-white-column-header { height: 10px; }

#gray-column-1
{
   float: left;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 425px;
}

#gray-column-1-content
{
   
   padding: 0px 20px;
}

#white-column-2
{
   float: right;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 425px;
}

#white-column-2-content
{
   padding: 0px 20px;
}

#gray-white-column-footer { clear: both; height: 10px; }


/*** services ***/
#services {
   background: url( ../images/background_services.gif ) repeat-y;
   width: 855px;
}

#square_left {
   float: left;
   margin: 0;
   padding: 15px;
   width: 224px;
}

#square_left ul {
   list-style: none;
   margin: 0;
   padding: 0 0 15px 10px;
}

#square_left ul li {
   line-height: 20px;
}


/*** support & services ***/
#alt-buttons-column-1
{
   float: left;
   margin: 0;
   padding: 0;
   width: 254px;
}

#alt-buttons-column-1-a
{
   float: left;
   margin: 0;
   padding: 0;
   width: 117px;
}

#alt-buttons-column-1-a img
{
   border: none;
   display: block;
   height: 47px;
   padding-bottom: 10px;
   width: 117px; 
}

#alt-buttons-column-1-b
{
   float: right;
   margin: 0;
   padding: 0;
   width: 117px;
}

#alt-buttons-column-1-b img
{
   border: none;
   display: block;
   height: 47px;
   padding-bottom: 10px;
   width: 117px;
}

#alt-buttons-column-1-box
{
   background-color: #565656;
   color: #FFFFFF;
   font-size: 10pt;
   margin: 10px 0 0 0;
   overflow: hidden;
   padding: 20px;
}

#alt-buttons-column-1-box a
{
   color: #FFFFFF;
}

#alt-buttons-column-2
{
   float: right;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 581px;
}

#alt-buttons-column-2 h3
{
   border-bottom: solid 1px #565656;
   margin-bottom: 12px;
   padding-bottom: 3px;
}

/*** member sites ***/
#member-site-heading
{
   float: left;
}

#member-site-navigation
{
   float: left;
   font-size: 10pt;
   height: 34px;
   line-height: 34px;
   padding-left: 16px;
}

/*** home ***/
/***
#left-column-with-separator
{
   float: left;
   min-height: 400px;
   height: auto !important;
   height: 400px;
   margin: 0;
   padding: 0 10px 0 0;
   width: 156px;
}
***/

#trends_in_art
{
	border: 1px solid #E6E8E9;
	margin: 12px 0px;
	padding: 12px 20px 20px;
}

.trends_in_art_container
{
   float: left;
	width: 162px;
}

.slider_container
{
   margin: 0px auto;
	width: 145px;
}

.slider ul, .slider li
{
   list-style: none;
   margin: 0;
   padding: 0;
}

.slider, .slider li
{ 
   height: 117px;
   overflow: hidden; 
   width: 125px;
}

.slider li img
{
	border: 1px solid #E6E8E9;
   height: 115px;
	margin: 0px 5px;
   width: 115px;
}

.slider_header
{
	font-size: 11px;
   padding-bottom: 10px;
	padding-left: 15px;
}

#prev_featured, #prev_new, #prev_frequently_viewed, #prev_recently_viewed, #prev_sold
{
   background-image: url( ../images/arrow_left_off.gif );
   background-repeat: none;
   height: 12px;
   float: left;
   margin-top: 51px;
   width: 10px;
}

#next_featured, #next_new, #next_frequently_viewed, #next_recently_viewed, #next_sold
{
   background-image: url( ../images/arrow_right_off.gif );
   background-repeat: none;
   height: 12px;
   float: right;
   margin-top: 51px;
   width: 10px;
}


/*** pieces ***/
#pieces-header { height: 10px; }

#pieces-background
{
   background: url( ../images/pieces/background.gif ) repeat-y top left;
   padding-top: 5px;
}

#pieces-white-background
{
   background-color: #FFFFFF;
   padding: 20px 15px;
   margin: 0 15px;
}

#pieces-left-column
{
   background-color: #FFFFFF;
   float: left;
   margin: 0;
   overflow: hidden;
   padding: 0;
   text-align: center;
   width: 320px;
}

#pieces-left-column .detailed-image
{
   float: left;
   padding: 5px;
   text-align: center;
   width: 150px;
}

#pieces-left-column img
{
   /***border: 0;
   margin: 0;
   padding: 0;***/
}

#pieces-right-column
{
   background-color: #FFFFFF;
   float: right;
   line-height: 1.4;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 465px;
}

#pieces-footer { clear: both; height: 10px; padding-top: 5px; }

#pieces-multiple
{
   margin: -9px 0px 0px 0px;
   padding: 0 10px 0 9px;
}

#pieces-multiple .piece-container
{
   float: left;
   margin: 0;
   padding: 10px 5px 0px;
   width: 199px;
}

#pieces-multiple .piece-details
{
   background-color: #FFFFFF;
   height: 265px;
   padding: 10px;
   text-align: center;
}

#pieces-multiple .piece-details img
{
   height: 150px;
   margin: 10px 0px;
   width: 150px;
}

#pieces-multiple #piece-container-filler
{
   clear: both;
   height: 1px;
   overflow: hidden;
}

.pagination-top-left
{
   float: left;
   padding-bottom: 12px;
   width: 155px;
}

.pagination-top-center
{
   float: left;
   font-style: italic;
   font-weight: bold;
   padding-bottom: 12px;
   text-align: center;
   width: 545px;
}

.pagination-top-right
{
   float: right;
   padding-bottom: 12px;
   text-align: right;
   width: 155px;
}

.pagination-bottom-left
{
   float: left;
   padding-top: 12px;
   width: 155px;
}

.pagination-bottom-center
{
   float: left;
   font-style: italic;
   font-weight: bold;
   padding-top: 12px;
   text-align: center;
   width: 545px;
}

.pagination-bottom-right
{
   float: right;
   padding-top: 12px;
   text-align: right;
   width: 155px;
}

/*** artists ***/
#artists-left-column
{
   float: left;
   margin: 0;
   overflow: hidden;
   padding: 0;
   width: 696px;
}

#artists-left-column .artist-icon
{
   float: left;
   text-align: center;
   height: 116px;
   width: 116px;
}

#artists-left-column .artist-icon a
{
   text-decoration: none;
}

.artists-right-column
{
   float: right;
   margin: 0;
   overflow: hidden;
   padding: 0 0 0 15px;
   width: 124px;
}

.artists-right-column h4
{
   margin: 0;
   padding: 0;
}

#artists-right-column-regions
{
   line-height: 2;
}

#artists-right-column-artists
{
   border-left: solid 1px #565656;
   line-height: 1.6;
   padding-bottom: 5px;
}

