#gallery {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	margin: 0;
	background:url(../images_system/mosaico_sidebar_bg_650x230.jpg) top right no-repeat;
	min-height:650px;
}


#galleryIndex {
float:right;
width:230px;
overflow:hidden; /* Needed for IE6 else the sidebar appears wider than 228 */
text-align:center;
}


#galleryIndex a {
display:block;
height:100%;
width:100%;
}

.galleryIndex_box {
color:#fff;
margin-top: 10px;
padding-top: 10px;
border-top: #8f8f8f 1px solid;
}

.galleryIndex_box select {
margin: 6px auto;
}


/* from Listamatic - http://css.maxdesign.com.au/listamatic/vertical13.htm# - START */

#navcontainer_vertical
{
/*background: #f0e7d7;*/
width: 100%;
margin: 0 auto;
padding: 1em 0;
/*font-family: georgia, serif;*/
font-size: 12px;
text-align: center;
/*text-transform: lowercase;*/
}

ul#navlist_vertical
{
text-align: left;
list-style: none;
padding: 0;
margin: 0 auto;
width: 100%;
}

ul#navlist_vertical li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist_vertical li a
{
	display: block;
	width: 100%;
	padding: 0.7em 0 0.7em 1em;
	border-width: 1px 0;
	border-color: #8f8f8f;
	border-style: solid;
	color:#fff;
	text-decoration: none;
	background: transparent;
}

#navcontainer_vertical>ul#navlist_vertical li a { width: auto; } /* The IE5 and be-nice-to-opera hack? CSS book, page 259*/

ul#navlist_vertical li#selected a
{
	background:#EAE5DD;
	color:#333;
}

ul#navlist_vertical li a:hover, ul#navlist_vertical li#active a:hover
{
	color:#fff;
	background:#333;
	border-color: #aaab9c #fff #fff #ccc;
}

/* from Listamatic - http://css.maxdesign.com.au/listamatic/vertical13.htm# - STOP */


/*  the gallery DIV */


#galleryTopShadow { /* this is the shadow just under the header*/
	background:url(../images_system/mosaico_gallery_shadow_top_40x25.png) top repeat-x !important;
	background:none;
	height: 14px;
}


#search_message {
	font-size:12px;
	text-align:center;
/*border: 1px solid green;*/
}


#thumbs_wall {
	margin-top:15px;
	margin-left:10px;
	margin-bottom:15px;
	/*border:1px solid blue;*/
}

.thumbs_row {
	clear:left;
}


.thumbs_frameText_container {  /* this is the master container, then the thumbs frame, then the thumbs_frame a */
	float:left;
	width:160px;
	margin: 0 18px 20px 6px;
	text-align:center;
	/*border:1px solid red;*/
}

.thumbs_frame_landscape {
	width:150px;
	height:106px;
	overflow:hidden;
	margin:auto;
	/*background:url(images_galleries/thumb_jan2706-1.jpg) no-repeat center;*/
	background-color:#999;
	border:1px solid #999;
	position:relative;
}

.thumbs_frame_landscape img {
border:0;
margin:-10px 0 0 -15px;  /* "Centers" image in thumbnail frame*/
}

.thumbs_frame_landscape a {
width:144px;
height:100px;
display:block;
border:#8f8f8f 3px solid;
overflow:hidden;
}

.thumbs_frame_landscape a:hover {
border:#FFF 3px solid;
}


.thumbs_frame_portrait {
	width:150px;
	height:106px;
	overflow:hidden;
	margin:auto;
	/*background:url(images_galleries/thumb_jan2706-1.jpg) no-repeat center;*/
	background-color:#999;
	border:1px solid #999;
	position:relative;
}

.thumbs_frame_portrait img {
border:0;
margin:-40px 0 0 -10px;  /* "Centers" image in thumbnail frame*/
}


.thumbs_frame_portrait a {
width:144px;
height:100px;
display:block;
border:#8f8f8f 3px solid;
overflow:hidden;
}

.thumbs_frame_portrait a:hover {
border:#FFF 3px solid;
}

.soldCircle {
position:absolute;
bottom: 10px;
right: 10px;
width: 11px;
height: 11px;
background:url(../images_system/sold.png) center no-repeat;
z-index:20;
}

.soldSquare {
position:absolute;
bottom: 4px;
right: 4px;
width: 10px;
height: 10px;
background:#FF0000;
z-index:20;
}

.thumbs_text  {
width:100px;
margin:auto;
font-size:10px;
text-align:center;
}

#pageControls {
clear:left;
float:left;
text-align:center;
/*border-top: 1px solid  #666;*/
padding-top: 6px;
width:750px;
margin:10px 0 10px 15px;
}

#pageControls ul li {
margin:0;  /* tim code - i added this */
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 0px;
/*border-right: 1px solid #fff;*/ /* tim code - i moved this from #navcontainer ul li a to here */
}

#pageControls ul li a {
margin:0;  /* tim code - i added this */
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: #fff;
background-color:#8f8f8f;
text-decoration: none;
}

#pageControls ul li a:hover
{
background-color: #fff;
color:#333;
}


/* Background Images and Overrides */

body {
background:#8f8f8f; /* reset color from white to grey */
}


#contentWrapper {
background-image:url(../images_system/mosaico_gallery_sidebar_bg_extended_fakery.jpg);
background-repeat:repeat-y;
background-position:right;
}