/* CSS Document */

/***********
  BASE 
************/

* 				{ margin: 0; padding: 0; }
img				{border:0;}
p 				{margin:1.22em 0; padding:0; color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
p a				{text-decoration:none;color:#c8c8c8}
p a:hover		{text-decoration:underline;color:#c8c8c8}
body			{color:#c8c8c8; text-align:center;margin:0;padding:0; background:url(images/bg.gif) repeat-y 50%;height:100%; }
html			{height:100%;}

.surround { *zoom: 1; }
.surround:after { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }


/************
  footerstick
*************/

	

.clear {clear: both;}



/************
  STRUCTURE
*************/

#container		{width:806px;margin: 0 auto;min-height:100%;*zoom: 1;}
#container:after	 { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }
#header			{width:806px;height:140px;background:url(images/header.jpg);}
#left			{float:left;width:180px;background-color:none;margin-left:15px;margin-top:20px;text-align:left;}
#main			{float:right;width:587px;background-color:none;text-align:left;}
#boximage		{height:241px;width:502px;float:left;position:relative;top:25px;left:35px;}
#content		{width:502px;background-color:none;position:relative;top:20px;left:35px;float:left;clear:both;}
#content_home	{width:502px;background-color:none;position:relative;top:25px;left:35px;float:left;clear:both;}
#footer			{width:806px;height:22px;background-color:#878787;position: relative;clear:both;text-align:left;line-height:22px;margin:20px auto 0 auto;}
.product		{width:502px;border-top:1px white solid;background-color:none;margin-top:15px;clear:both;*zoom: 1;}
.product:after	 { content: '.'; clear: both; height: 0; display: block; visibility: hidden; }

#productleft	{width:185px;float:left;background-color:none;margin-top:18px;}
#productright	{width:317px;background-color:none;float:right;margin-top:18px;}



/**************
 BASE EXTENSIONS
***************/

h1					{text-indent:-9999px;}
h2.welcome			{background:url(images/welcome.jpg) no-repeat 0 0;text-indent:-9999px;width:302px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.martinbrothers	{background:url(images/martinbrothers.jpg) no-repeat 0 0;text-indent:-9999px;width:124px;height:19px;margin-top:30px;margin-bottom:15px;}
h2.williamdemorgan	{background:url(images/william.jpg) no-repeat 0 0;text-indent:-9999px;width:145px;height:18px;margin-top:30px;margin-bottom:15px;}
h2.moorcroft		{background:url(images/moorcroft.jpg) no-repeat 0 0;text-indent:-9999px;width:80px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.contemporaryart	{background:url(images/contemporaryart.jpg) no-repeat 0 0;text-indent:-9999px;width:139px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.otherartpottery	{background:url(images/otherartpottery.jpg) no-repeat 0 0;text-indent:-9999px;width:136px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.royallancastrian	{background:url(images/pilkington.jpg) no-repeat 0 0;text-indent:-9999px;width:237px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.wedgwood			{background:url(images/wedgwood.jpg) no-repeat 0 0;text-indent:-9999px;width:91px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.ruskin			{background:url(images/ruskin.jpg) no-repeat 0 0;text-indent:-9999px;width:67px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.doultonlambeth	{background:url(images/doultonlambeth.jpg) no-repeat 0 0;text-indent:-9999px;width:142px;height:20px;margin-top:30px;margin-bottom:15px;}
h2.victoriaellis	{background:url(images/victoriaellis.jpg) no-repeat 0 0;text-indent:-9999px;width:142px;height:20px;margin-top:30px;margin-bottom:15px;}


h2.aboutus			{background:url(images/aboutus.jpg) no-repeat 0 0;text-indent:-9999px;width:68px;height:17px;margin-top:30px;margin-bottom:15px;}
h2.date				{background:url(images/2007.jpg) no-repeat 0 0;text-indent:-9999px;width:43px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.exhibitions		{background:url(images/exhibitions.jpg) no-repeat 0 0;text-indent:-9999px;width:103px;height:18x;margin-top:30px;margin-bottom:15px;}
h2.links			{background:url(images/links.jpg) no-repeat 0 0;text-indent:-9999px;width:40px;height:16px;margin-top:30px;margin-bottom:15px;}

h2.contactus			{background:url(images/contactus.jpg) no-repeat 0 0;text-indent:-9999px;width:82px;height:16px;margin-top:30px;margin-bottom:15px;}
h2.email			{background:url(images/byemail.jpg) no-repeat 0 0;text-indent:-9999px;width:65px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.telephone		{background:url(images/bytelephone.jpg) no-repeat 0 0;text-indent:-9999px;width:103px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.post				{background:url(images/bypost.jpg) no-repeat 0 0;text-indent:-9999px;width:56px;height:18px;margin-top:0px;margin-bottom:15px;}
h2.2008			{background:url(images/2008.jpg) no-repeat 0 0;text-indent:-9999px;width:56px;height:18px;margin-top:0px;margin-bottom:15px;}


h3.lastupdate	{background:url(images/lastupdate.jpg) no-repeat 0 0;text-indent:-9999px;width:105px;height:12px;margin-top:30px;margin-bottom:-7px;}
h3.latestnews	{background:url(images/lastestnews.jpg) no-repeat 0 0;text-indent:-9999px;width:81px;height:12px;margin-top:30px;margin-bottom:-7px;}

/**************
 Drop Down Code
***************/

dl, dt, dd, ul, li {margin: 0;padding: 0;list-style-type: none;}

#menu {position: relative;top:0px;left:0px; width:178px;color:#c8c8c8;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;line-height:30px;}
#menu dt {cursor: pointer;margin: 2px 0;height: 30px;line-height: 30px;text-align: left;font-weight: bold;border-bottom: 1px solid #4a4d50;background: none;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-indent:22px;background:url(images/arrow.gif) no-repeat 10px;}
#menu dd {cursor: pointer;margin: 2px 0;line-height: 30px;text-align: left;font-weight: bold;background: none;color:#d43a57;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;text-indent:10px;}
#menu dd a {cursor: pointer;margin: 2px 0;line-height: 30px;text-align: left;font-weight: bold;background: none;text-indent:30px;border:none;}
#menu dd li a	{border:none;}
	

#menu li {color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight: bold}
#menu li a, #menu dt a {color:#c8c8c8;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;text-decoration: none;display: block;border-bottom: 1px solid #4a4d50;height: 30px;font-weight: bold}
#menu li a:hover, #menu dt a:hover {background:none;color:#d43a57}

.mentions {position: absolute;top : 300px;left : 10px;color: #000;background-color: #ddd;}
.selected {text-decoration:none;color:#d43a57;cursor: pointer;margin: 2px 0;height: 30px;line-height: 30px;text-align: left;font-weight: bold;background: none;font-size:12px;font-family:tahoma, Arial, Helvetica, Verdana, sans-serif;text-indent:11px;}


/********************
  GLOBAL STYLES
********************/
p.news				{padding:0; color:#878787;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
p.news a			{text-decoration:underline;color:#878787 }
p.news a:hover		{text-decoration:none; }
.small				{padding:0; color:#878787;font:11px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;}
.date				{color:#d43a57;}
.footerleft			{padding:0 0 0 15px;color:white;font:10px/22px tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;float:left;}
.footerright		{padding:0 15px 0 15px;color:white;font:10px/22px tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:right;float:right;}
.footerright a		{text-decoration:underline;color:white}
.footerright a:hover	{text-decoration:none;}
.clicktoenlarge			{padding:0; color:#c8c8c8;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}
.clicktoenlargepink			{padding:0; color:#d43a57;font:12px/1.5em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}

img.whiteborder		{border:5px white solid;}
img.logo			{border:5px white solid;float:left;margin:0px 10px 10px 0;}
img.alison			{border:5px white solid;margin:15px 0 15px 0;}

p.description 		{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold; }
p.description a		{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
.calendar			{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }

.indent a				{text-indent:-9999px;}
.onsale				{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left; }
.price			{margin:1.22em 0; padding:0; color:#c8c8c8;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}
.sold			{margin:1.22em 0; padding:0; color:#d43a57;font:12px/1em tahoma, Arial, Helvetica, Verdana, sans-serif;text-align:left;font-weight:bold;}


.bada  			{width:102px; height:100px;background-color:white;margin: 0 15px 0 0;float:left;display:block;}


/********************
  THE SLIDESHOW
********************/


#slideshow {
    position:relative;
    height:241px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:15;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:17;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:16;
}