/* -------------------- HTML STYLES --------------- */
html, body 
	{
	width: 100%; 
	height: 100%;
	background-color: #999; /* the whole page background*/
	text-align: center;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	}
.LabelEditTextClass 
	{
	background-color: #FFF;
	text-align: left;
	}

/* ----------------- TEXT STYLES --------------- */

.SubHead  /* DNN standard : eg login screen */
	{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 0.8em; 
	font-weight: bold;
	color: #444; 
	}
.Normal, h1, h2, h3, h4, h5   /* DNN standard : body text */
	{
	/* These are the main settings for body text on the page */
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 0.8em; 
	color: #444; /* if chaging - look elsewhere for this value */
	}
.ContentLowerPart .Normal, .ContentLowerPart h1, .ContentLowerPart h2, .ContentLowerPart h3, .ContentLowerPart h4, .ContentLowerPart h5 
	{
	/* and in the bottom section of content */
	color: #EEE; /* if chaging - look elsewhere for this value */
	}

h1 {	font-size: 180%; font-weight: bold; }
h2 {	font-size: 160%; font-weight: bold; }
h3 {	font-size: 140%; font-weight: bold; }
h4 {	font-size: 120%; font-weight: bold; }
h5 {	font-size: 100%; font-weight: bold; }

.LogReg:link, .LogReg:active, .LogReg:visited  /* DNN standard : ??? */
	{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #777780;
	}
.LogReg:hover 
	{
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #ffffff;
	}



/* ----------- SKIN MASTER and SHIMS ----------- */

.SkinMaster 
	{
    /* NB page background color at very top */
	margin: 0px auto;
	width: 940px;
	height: 100%;
	}
.ShimVertical
	{
	width: 10px;
	height: 100%;
	background-color: #FFF;
	}
.ShimHorizontal
	{
	width: 100%;
	height: 10px;
	background-color: #FFF;
	}
	
/* -------------- HEADER STYLES --------------- */

.HeaderWrapper 
 	{
	height: 20px; /* ie less than the logo itself */
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #555;
	padding: 0px;
	margin: 0px;
	vertical-align: bottom;
	}
	
.HeaderPane  /* the logo/content on LHS*/
	{
	vertical-align: top;
	padding: 0px;
	margin: 0px;
	}
.HeaderPane div 
	{
	display: block;
	padding: 0px;
	margin: 10px 0px 0px 10px;
	position: relative;
	vertical-align: top;
	text-align: left;
	color: #DDD;
	}
	
.LogoPane 
	{
	width: 300px;
	vertical-align: bottom;
	padding: 0px;
	margin: 0px;
	border: 0px;
	text-align: right;
	}
.LogoPane div /* holds the logo on RHS */
	{
	display: block;
	padding: 0px;
	margin: 0px;
	bottom: 0px;
	_bottom: -3px;
	position: relative;
	vertical-align: bottom;
	text-align: right;
	}

/* --------------- MENU STYLES -------------- */

.MenuWrapper 
	{
	height: 20px; /* smaller than it is so its tight */
	background-color: #777; /* same as footer */
	border-top: 3px solid #89A25F;
	border-bottom: 3px solid #89A25F;
	padding-left: 21px;
	cursor: default;
	}
.MenuPane
	{
	padding: 0px;
	margin: 0px;
	}

	
/* -------------- CONTENT STYLES ------------- */

.FullWidthHeight
	{
	width: 100%;
	height: 100%;
	}
.FullWidth
	{
	width: 100%;
	}
	
.ContentWrapper 
	{
	vertical-align: top;
	background-color: #EEE;
	}
.ContentUpperPart 
	{
	background-color: #EEE;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	vertical-align: top;
	padding: 10px 12px;
	}
.ContentLowerPart 
	{
	background-color: #89A25F;
	border-left: 1px solid #89A25F;
	border-right: 1px solid #89A25F;
	vertical-align: top;
	padding: 10px 12px;
	height: 10px; /* putting 0px does not work in Chrome! */
	}

	
.ContentUpperPart a:link, .ContentUpperPart a:active, .ContentUpperPart a:visited 
	{ 	color: #05C;    text-decoration: underline; 	}
.ContentUpperPart  a:hover 
	{	color: #A33;  	text-decoration: underline; 	}
.ContentLowerPart a:link, .ContentLowerPart a:active, .ContentLowerPart a:visited 
	{	color: #7FF;    text-decoration: underline; 	}
.ContentLowerPart  a:hover 
	{	color: #E33;    text-decoration: underline; 	}

	
.EditorsHiddenPane 
	{
	vertical-align: top;
	padding: 0px 5px;
	height: 0px;
	}
.TopPane 
	{
	vertical-align: top;
	margin: 0px;
	padding: 0px 5px;
	height: 0px;
	}
.PaintingPane 
	{
	vertical-align: top;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	height: 100%;
	}
.DetailsPane 
	{
	vertical-align: top;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	height: 100%;
	}
	
.LeftPane		{	vertical-align: top;	padding: 5px;				}
.LeftPane25 		{	vertical-align: top;	padding: 5px;	width: 25%;	}
.LeftPane40 		{	vertical-align: top;	padding: 5px;	width: 40%;	}
.LeftPane50 		{	vertical-align: top;	padding: 5px;	width: 50%;	}
.ContentPane	{	vertical-align: top;	padding: 5px;				height: 100%; 	}
.ContentPane75 	{	vertical-align: top;	padding: 5px;	width: 75%;	height: 100%; 	}
.ContentPane60	{	vertical-align: top;	padding: 5px;	width: 60%;	height: 100%; 	}
.ContentPane50	{	vertical-align: top;	padding: 5px;	width: 50%;	height: 100%; 	}


.MidLeftPane 
	{
	vertical-align: top;
	padding: 5px;
	width: 50%;
	height: 0px;
	}
.MidRightPane 
	{
	vertical-align: top;
	padding: 5px;
	width: 50%;
	height: 0px;
	}
.BottomLPane 
	{
	width: 33%;
	vertical-align: top;
	padding: 5px;
	}
.BottomMPane 
	{
	width: 33%;
	vertical-align: top;
	padding: 5px;
	}
.BottomRPane 
	{
	width: 33%;
	vertical-align: top;
	padding: 5px;
	}

/* ------------------- FOOTER STYLES ---------------------- */

.FooterTop
	{
	height: 30px;
	background-color: #555; /* same as menu */
	padding-top: 10px;
	border-top: 1px solid #444; 
	border-left: 1px solid #333; 
	border-right: 1px solid #333; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-align: center;
    font-size: 0.8em;
	text-decoration: none;
	color: #EEE;
	cursor: default;
	}
.FooterBottom
	{
	height: 30px;
	background-color: #555;
	padding-bottom: 10px;
	border-bottom: 1px solid #333; 
	border-left: 1px solid #333; 
	border-right: 1px solid #333; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-align: center;
    font-size: 0.8em;
	text-decoration: none;
	color: #EEE;
	cursor: default;
	}

a.Footer:link, a.Footer:active, a.Footer:visited 
	{
	color: #EEE;
	text-decoration: none;
	}
a.Footer:hover 
	{
	color: #A33;
	text-decoration: none;
	}


	
	
/* --------------------------------------------------------------------- */
/* ------------------------  COLLECTION PAGE STYLES  ------------------- */
/* --------------------------------------------------------------------- */
	
/* WHITE and CLEAR BOX TITLES ---------- */
	
.WhiteBoxTitles
	{
	margin: 10px auto; /* auto needed to center block for non-IE */
	background-color: #FFF;
	border: 1px solid #CCC; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-align: center;
	}
.ClearBoxTitles
	{
	margin: 10px auto; /* auto needed to center block for non-IE */
	background-color: transparent; 
	border: 1px solid #CCC; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-align: left;
	}
.ClearTitles
	{
	margin: 10px auto; /* auto needed to center block for non-IE */
	background-color: transparent; 
	border: 0px solid transparent; 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-align: center;
	}

.CollectionTitle 	{	width:  460px;	}
.ZoomedTitle		{	width:  300px;	}
.DetailsNav			{	width:  350px;	}
.DetailsDetails		{	width:  350px;	}
.DetailsOptions		{	width:  350px;	}
.AdHolidays			{	width:  200px;	}


.DetailsDetails td	{	padding: 0px;	vertical-align: bottom;	}
.DetailsOptions td	{	padding: 0px;	vertical-align: bottom;	}

.DetailsTable td  	{	color: #338;	font-weight: normal;	font-size: 0.8em; 	}

.CollectionTitle h1  	{	color: #555;	font-weight: bold;		margin:  0px  0px  0px  0px;	font-size: 1.8em; 	}
.CollectionTitle h3	{	color: #666;	font-weight: normal;	margin: 10px  0px 10px  0px;	font-size: 0.8em; 	}
.ZoomedTitle h1		{	color: #444;	font-weight: bold;		margin:  6px  0px  0px  0px;	font-size: 1.8em; 	}
.ZoomedTitle h3		{	color: #666;	font-weight: normal;	margin:  6px  0px 10px  0px;	font-size: 0.8em; 	}
.GeneralTitle h2		{	color: #444;	font-weight: bold;		margin: 10px 30px 10px 30px;	font-size: 1.4em; 	}

.DetailsNav h1  		{	color: #444;	font-weight: bold;		margin: 10px  0px  6px  0px;	font-size: 1.4em; 	}
.DetailsNav h2		{	color: #666;	font-weight: bold;		margin:  0px  0px 20px  0px;	font-size: 1.0em; 	}
.DetailsNav h3		{	color: #CCC;	font-weight: normal;	margin:  0px  0px 10px  0px;	font-size: 0.8em; 	}
.DetailsDetails h1  	{	color: #444;	font-weight: bold;		margin: 10px  0px  0px  0px;	font-size: 1.0em; 	}
.DetailsDetails h2	{	color: #444;	font-weight: normal;	margin: 10px  0px  0px  0px;	font-size: 0.8em; 	}
.DetailsDetails h3	{	color: #444;	font-weight: normal;	margin:  0px  0px  0px  0px;	font-size: 0.8em; 	}
.DetailsDetails h4	{	color: #444;	font-weight: normal;	margin:  0px  0px 10px  0px;	font-size: 0.8em; 	}
.DetailsOptions h2	{	color: #444;	font-weight: normal;	margin:  0px  0px  2px  0px;	font-size: 0.8em; 	}
.DetailsOptions h3	{	color: #444;	font-weight: normal;	margin:  0px  0px  2px  0px;	font-size: 0.8em; 	}
.DetailsOptions h4	{	color: #444;	font-weight: normal;	margin:  0px  0px  0px  0px;	font-size: 0.8em; 	}
.AdHolidays h2		{	color: #A44;	font-weight: normal;	margin: 10px  0px 10px  0px;	font-size: 1.0em; 	}
.AdHolidays h3		{	color: #666;	font-weight: normal;	margin:  0px  0px  0px  0px;	font-size: 0.8em; 	}
.AdHolidays h4		{	color: #666;	font-weight: normal;	margin:  0px  0px 10px  0px;	font-size: 0.8em; 	}

.DetailsDetails .StatusSold		{ 											}
.DetailsDetails .StatusSoldRed	{ 	color: #F44;	font-weight: bold;		}
.DetailsDetails .StatusNotSold	{ 	color: #F44;	font-weight: bold;		}


/* PAGE IMAGES --------------- */
	
.GeneralImage  { margin: 0px; }
.GeneralImage  img
	{ 	
	margin: 0px 0px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
.DetailsImage  { margin: 0px; }
.DetailsImage  img
	{ 	
	margin: 10px 0px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
.ZoomedImage  { margin: 0px; }
.ZoomedImage  img 
	{ 	
	margin: 0px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
.RotatingImage { margin: 0px; }
.RotatingImage  img  /* the rotator */
	{ 	
	margin: 0px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
	
.FloatLeftImage 			{ 					margin: 0px; 				}
.FloatLeftImage  img 		{ 	float: left;	margin: 0px 10px 10px 0px	}
.FloatRightImage 		{ 					margin: 0px; 				}
.FloatRightImage  img 	{ 	float: right;	margin: 0px 0px 10px 10px	}
	
	
/* THUMB COLLECTIONS --------- */

.PaintingsThumbs table
	{ 	
	text-align: center;
	margin-left: auto; /* needed to center block for non-IE */
	margin-right: auto;
	}
.PaintingsThumbs2, .PaintingsThumbs2 a
	{ 
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 1.0em; 
	font-weight: bold;
	}
.PaintingsThumbs2 table
	{ 	
	width: 280px;
	margin: 5px 10px; 
	text-align: left;
	background-color: #FFF;
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
.PaintingsThumbs2 img 
	{ 	
	margin: 10px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	height: 79px;
	width: 79px;
	}

.CollectionThumbs
	{ 
	margin-left: auto; /* needed to center block for non-IE */
	margin-right: auto;
	}
.CollectionThumbs p
	{ 
	margin: 0px 10px 0px 10px; 
	padding: 0px;
	color: #444;	
	text-align: center;
	font-weight: normal;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	font-size: 0.8em; 
	}
.CollectionThumbs hr
	{ 
	color: #CCC;	
	background-color: #CCC;
	height: 1px;
	border: none;
	}
.CollectionThumbs h4
	{ 
	color: #555;	
	text-align: center;
	}
.CollectionThumbs img
	{
	margin: 10px 10px 0px 10px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	}
.CollectionThumbs td
	{ 
	text-align: center;
	vertical-align: middle;	
	}

.DetailsThumbs, .DetailsThumbsArrow
	{ 
	margin-top: 10px;
	}
.DetailsThumbsTable
	{ 
	margin-left: auto; /* needed to center block for non-IE */
	margin-right: auto;
	}
.DetailsThumbs img 
	{ 	
	margin: 0px 10px 10px 10px; 
	border-width: 1px;
    border-style: solid; 
	border-color: #CCC;
	height: 79px;
	width: 79px;
	}
.DetailsThumbsArrow img 
	{ 	
	margin: 0px 0px 10px 0px; 
	border-width: 0px;
    border-style: transparent; 
	}


	
/* --------------------------------------------------------------------- */
/* ------------------------        SOLPARTMENU       ------------------- */
/* --------------------------------------------------------------------- */

.NoScriptMenu /* appears when scripting is turned off */
	{
	margin: 10px 0px;
	padding: 5px;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #FFF; /* Normal menu text color */
	font-weight: bold;
    font-size: 0.8em;
	}
.NoScriptMenu a:link, .NoScriptMenu a:active, .NoScriptMenu a:visited 
	{ 	color: #EEE;    text-decoration: none; 	}
.NoScriptMenu  a:hover 
	{	color: #89A25F;    text-decoration: none; 	}
	
.MainMenu_MenuContainer table, .MainMenu_MenuContainer 
	{
	height: 38px;
	_height: 40px; /* for IE */
	border: 0px solid transparent;
	margin: 0px;
	padding: 0px;
	width: 10px;
	}
.MainMenu_MenuContainer td 
	{
	padding: 0px;
	margin: 0px;
	}
.MainMenu_MenuBar 
	{
	/* MainMenu_MenuBar = top menue only - ie not sub-menues */
	height: 38px;
	_height: 40px; /* for IE */
	border: 0px solid transparent;
	margin: 0px;
	padding: 0px;
	}
	
.MainMenu_MenuItem, .MainMenu_MenuItemSel, .MainMenu_MenuItemActive
	{
	/* MainMenu_MenuItem = top and sub-menues */
	/* DNN class - applied after MenuBar and SubMenu styles! */
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #FFF; /* Normal menu text color */
	font-weight: bold;
	background-color: #transparent;
	border: 0px solid transparent;
	margin: 0px;
	padding: 0px;
	}
.MainMenu_MenuItem  td 
	{
	/* MainMenu_MenuItem = top and sub-menues */
	border: 0px solid transparent;
	padding: 0px 3px 0px 0px;
	}
.MainMenu_MenuItemActive td 
	{
	background-color: #555; /* Active background */
	padding: 0px 3px 0px 0px;
	}
.MainMenu_MenuItemSel td 
	{
	background-color: #89A25F; /* Selected background */
	border: 0px solid transparent;
	padding: 0px 3px 0px 0px;
	}
	
.MainMenu_MenuBreak, .MainMenu_MenuIcon, .MainMenu_MenuArrow 
	{
	background-color: transparent;
	border-color: transparent;
	cursor: default;
	border: 0px solid transparent;
	margin: 0px;
	padding: 0px;
	}

/* *** TRY MOVING THESE BELOW TO THE TOP ... ONE BLOG SUGGESTED THIS !!! */ 

.MainMenu_SubMenu 
	{
	/* MainMenu_SubMenu = sub-menu only */
	background-color: #444;
	padding: 5px 0px;
	}
.MainMenu_MenuItemSel /* this only seems to apply to the submenu! */
	{
	background-color: #89A25F;
	}

	
/* --------------------------------------------------------------------- */
/* ------------------------          OLD ???         ------------------- */
/* --------------------------------------------------------------------- */
	
/* ----------- Button Styles --------------------- */
/* see http://www.hedgerwow.com/360/dhtml/css-simple-link-button-with-round-corner/demo.php? */


div.ButtonsDiv
	{
	white-space:nowrap;
	}
div.ButtonsDiv:after
	{
	display:block;
	clear:both;
	content:'';
	}	
div.ButtonsDiv a.btn, a.btn:link, a.btn:active, a.btn:visited 
	{
	background:buttonface url(images/ButtonBorder.gif) no-repeat;
	background-color: #666; /* override as required */
	cursor:pointer;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #F9F9F9; /* Normal menu text color */
	font-weight: bold;
	text-align:center;
	text-align:center;
	display:block;
	_width:120px;
	min-width:120px;
	text-decoration:none;
	margin:3px 2px;
	}
div.ButtonsDiv a.btn:hover span
	{
	background-color: #A55;
	font-family: Verdana,Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #F9F9F9; /* Normal menu text color */
	font-weight: bold;
	}
div.ButtonsDiv a.btn span
	{
	padding:8px 18px 9px 18px;
	text-align:center;
	position:relative;
	left:1px;top:1px;
	display:block;
	text-decoration:none;
	background:url(images/ButtonBorder.gif) right bottom no-repeat;
	}
	
/* --------------------------------------------------------------------- */
/* ------------------------           ENDS           ------------------- */
/* --------------------------------------------------------------------- */