/* basic elements white background */
html {
	margin: 0px;
	padding: 0px;
	}
body { 
	font: 9pt/17pt georgia; /* 11/19 */
	color: #555753; 
	background: #fff url(http://potterystudio.co.uk/images/cr7.jpg) no-repeat bottom right; 
	margin: 0px; 
	padding: 0px;
	}
p, td { 
	font: 11pt/17pt georgia; 
	margin-top: 0px; 
	text-align: justify;
	}
p {text-align: justify;}
p.centered {
	text-align: center ;
	}
p.caption {
	font: bold 9pt Arial, sans-serif;
	text-align: center ;
	margin-bottom: 0px ;
	}
h3 { 
	font: italic bold 12pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #C47B75;
	}
h4 { 
	font: italic bold 10pt georgia; 
	letter-spacing: 1px; 
	margin-bottom: 0px; 
	color: #C47B75;
	}
small {
	font: 8pt sans-serif;
	}
a { font-weight: bold }
a:link, a:visited, a:active {
	text-decoration: none;
	}
a:link    { color: #885551 }
a:visited { color: #cc9d98 }
a:active  { color: #c47b75; text-decoration: underline; }
a:hover   { color: #c47b75; text-decoration: underline; }
pre {
	font: 14pt/15pt courier ;
}

#quickSummary img {
	border: 1px solid brown ;
	margin-bottom: 10px;
	}

/* classes */
img.centred {
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	}
div.entry {
	display: inline ;
	float: right ;
	margin-left: 8px ;
	margin-right: 0px ;
	margin-bottom: 0px ;
	margin-top: 8px ;
	}
div.entryl {
	display: inline ;
	float: left ;
	margin-left: 0px ;
	margin-right: 8px ;
	margin-bottom: 0px ;
	margin-top: 8px ;
	}
.p1 {
	max-width: 285px ;
	}
.p2 {
	max-width: 685px ;
	text-align: left ;
	}
div.seealso {
	padding-left: 25px ;
/*	min-height: 250px ; */
	}
div.bentry {
	clear: both ;
	min-width: 400px ;
	}
.dimensions {
	display: block ;
	margin-top: 50px ;
	clear: both ;
	min-width: 400px ;
	}
.saleroom {
	display: block ;
	margin-top: 50px ;
	}
	
/* specific divs */
#container { 
	background: url(http://potterystudio.co.uk/images/ps-bg.jpg) no-repeat top left ; 
	padding: 0px 175px 0px 110px;  
	margin: 0px;
	}

/* Two ids that are non-positional */
#intro {
	min-width: 470px;
	}

#pageHeader { 
	margin-bottom: 20px;
	}

/* make an image replace text in a tag when it is spanned*/
#pageHeader h1 { 
	background: transparent url(http://potterystudio.co.uk/images/h1.gif) no-repeat top left; 
	margin-top: 10px; 
	width: 216px; 
	height: 85px; 
	float: left;
	}
#pageHeader h1 span {
	display:none ;
	}
#pageHeader h2 { 
	background: transparent url(http://potterystudio.co.uk/images/h2.gif) no-repeat top left; 
	margin-top: 58px; 
	margin-bottom: 40px; 
	width: 200px; 
	height: 100px; 
	float: right;
	}
#pageHeader h2 span {
	display:none;
	}

#quickSummary {
	clear:both; /* This, and the margins, control the placement */ 
	/* top, right, bottom, left */
	margin: 0px 20px 0px 0px; 
	width: 400px ; 
	height: auto ;
	float: left;
	}
#quickSummary p {
	font: italic 10pt/22pt georgia; 
	text-align:center;
	}

#preamble {
	clear: right; 
	padding: 0px 10px 0px 10px;
	min-height: 450px ;
	}
#preamble td {
	font: 15px/17px Georgia, serif ; /* 11/19 */
	}
.tarea {
	font: 12pt/14pt arial; /* 11/19 */
	}
DIV.nofloat {
	display: table ;
	}
#supportingText {
	padding-left: 10px;
	margin-bottom: 40px;
	}

#picright {
  float: right ;
  padding: 4px ;
}
p.picleft {
  float: left ;
  padding: 4px ;
}
p.pottery {
	margin: 50px 0px 20px 0px ;
	font: bold italic 13pt/15pt Georgia, serif ;
	color: #884039 ;
	}
.pot {
	font: 11pt/13pt Georgia, serif ;
	margin: 0px 0px 0px 80px ;
	}
 .entry {
 font: normal 11pt/13pt Georgia, serif ;
 	color: #555753 ;
	}
#bottomBannerHolder {
	/* border: thin solid green ; */
	width: inherit ;
	min-height: 60px ;
	}

#bottomBannerHolder span.bottomBanner {
	display: block ;
	margin-left: auto ;
	margin-right: auto ;
	border: thin solid #000 ;
	background-color: #fff ;
	width: 468px ;
	min-height: 60px ;
	}
#bottomBannerHolder p {
	width: 460 ;
	margin-left: 20px ;
	margin-right: 20px ;
	text-align: center ;
	}

#extraDiv1 { 
	background: transparent url(http://potterystudio.co.uk/images/cr2.gif) top left no-repeat; 
	position: absolute; 
	top: 72px; 
	right: 20px; 
	width: 140px; 
	height: 134px;
	}
#extraDiv2 {
	background: transparent url(http://potterystudio.co.uk/images/furniture/saleroom_database.gif) top left no-repeat;
	position: absolute;
	top: 122px;
	right: 270px;
	width: 468px;
	height: 60px;
	cursor: pointer;
	}
#extraDiv3 {
/*	background: transparent url(/images/furniture/h2_image.gif) repeat-x top left ;*/
	background: transparent url(/images/1pix.gif) repeat-x top left ;
	position: absolute ;
	top: 245px ;
	left: 115px ;
	height: 50px;
	width: 100px ;
	}
#extraDiv4 { /* used for banners */
	background: #000 ;
	position: absolute;
	top: 122px;
	right: 270px;
	width: 468px;
	height: 60px;
	cursor: pointer;
	}
#goosearch {
	background: transparent ;
	position: absolute;
	top: 0px;
	right: 70px;
	width: 272px;
	height: 25px;
	cursor: pointer;
	}
#extraDiv1 h1 span {
	display: none ;
	}
#extraDiv2 h1 span {
	display: none ;
	}
/*#extraDiv3 h1 span {
	display: none ;
	}
*/
#linkList {
	margin-left: 600px; 
	position: absolute; 
	top: 0px; 
	right: 0px;
	}
#linkList2 { 
	font: 10px verdana, sans-serif; 
	background: transparent url(http://potterystudio.co.uk/images/furniture/paper-bg.gif) repeat-y top center; 
	padding: 20px; 
	margin-top: 190px; 
	width: 130px; 
	}

#linkList ul {
	margin: 0px;
	padding: 0px;
	}
#linkList li {
	line-height: 2.5ex; 
	list-style-type: none;
	background: transparent url(cr1.gif) no-repeat top center; 
	display: block; 
	padding-top: 5px; 
	margin-bottom: 5px;
	}

#menuCollection {
	width:110px ;
	}
#menuitem {
	width:110px ;
	height:20px ;
	}
#menuitem a:link, #menuitem a:visited {
	background: transparent ;
	}
#menuitem a:hover, #menuitem a:active {
	background: transparent url(http://potterystudio.co.uk/images/buttons/brown_spot.gif) top left no-repeat ; 
	}

#footer {
	clear: both;
	margin-top: 50px ;
	text-align: center;
/*	max-width:680px; */
	width: inherit ;
	}
#footeritems {
	border: thin solid #884039 ;
	text-align: center ;
	background-color: #F7E8E8 ;
/*	width: inherit ;*/
	}
.footeritem {
/*	float: left ; */
	text-align: center ;
	margin-left: 20px;
	margin-right: 20px;
	width:95px ;
	}
.footeritem a:link, .footeritem a:visited {
	color: #884039 ;
	text-decoration: none;
	}
.footeritem a:hover, .footeritem a:active {
	color: #884039 ;
	text-decoration: underline ;
	}
#footertext {
	position: relative ;
	text-align: center ;
	width: inherit ;
	}
#footer p {
	position: relative ;
	text-align: center ;
	line-height: 1.5ex; 
	letter-spacing: 1px; 
	font: 7pt georgia;
	margin-left: 20% ;
	margin-right: 20% ;
	}
#copyright {
	clear: both ;
	font: 8pt sans-serif;
	color: #884039;
	margin: 5px;
}

#copyright a:link { 
	font: 8pt sans-serif;
	text-decoration: none; 
	color: #884039;
	}
#copyright a:visited { 
	text-decoration: none; 
	color: #884039;
	}
#copyright a:hover, a:active { 
	text-decoration: underline; 
	color: #884039;
	}

#copyright h1 {
	background: #f00 url(/images/brownpix.gif) repeat-x top left ; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	width: 100% ; 
	height: 1px; 
	float: left;
	}
#copyright h1 span {
	display:none;
	}

#lc img {
	display: inline ;
	margin-top: auto ;
	margin-bottom: auto ;
}
#event {
	display: table-cell ;
	border: thin solid #000000 ;
	width: 420px ;
	padding: 8px ;
}
#event.commercial {
	border: medium solid #ff0000 ;
	}
#event.club {
	border: medium solid #994039 ;
	}
#event.other {
	border: medium solid #999999 ;
	}
#event p {
	font: normal 10pt/11pt Georgia, serif ;
	margin-bottom: 0px ;
	text-align: left ;
}


