@charset "utf-8";
/* CSS Document */
body {	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:1px;
	padding-top:2px;
	color: #000; /* dark green of logo */
}

.buttonsubmit {
	background-color: #ffffff;
	color: #98cd67;
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}
/*
A:LINK {COLOR: #58585a;TEXT-DECORATION: none;font-size: 11px; font-family: Arial, sans-serif; }
A:ACTIVE { COLOR: #58585a;TEXT-DECORATION: None;font-size: 11px; font-family: Arial, sans-serif; }
A:VISITED {COLOR: #58585a;TEXT-DECORATION: None;font-size: 11px; font-family: Arial, sans-serif; }
A:HOVER  {COLOR: #999999;TEXT-DECORATION: none;font-size: 11px; font-family: Arial, sans-serif; }
*/
a:link {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186939; /* dark green of logo */
	text-decoration: none;			
}

a:visited {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186939; /* dark green of logo */
	text-decoration: none;			
}

a:hover {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186939; /* dark green of logo */		
	text-decoration: underline;
	
}

a:active {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186939; /* dark green of logo */
	text-decoration: none;		
}

a:link.inlinelink{
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* color: #186939;  dark green of logo */
	color: #fff;
	text-decoration: underline;
}

a:active.inlinelink{
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* color: #186939;  dark green of logo */		
	color: #186939;
	text-decoration: underline;
}

a:visited.inlinelink{
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	/* color: #186939;  dark green of logo */
	color: #fff;
	text-decoration: underline;
}

a:hover.inlinelink{
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
#mainholder{
	width: 800px;
	background-color: #00387B; /* dark blue pimpernel background */
}

#header {
	width: 800px;
	height: 80px;
	background-color:#ffffff;
	margin: auto;
	color: #58585a;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, sans-serif;
}

#header a:link {

	font-size: 11px;
	font-family: Arial, sans-serif;	
	color: #58585a;
}

#header a:visited {
	font-size: 11px;
	font-family: Arial, sans-serif;	
	color: #58585a;
}

#header a:hover {
	color: #999;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, sans-serif;		
}

#header a:active {
	color: #58585a;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, sans-serif;		
}

#topnav {
	width: 800px;
	height: 24px;
	background: #666666 url(images/green-fade.png) repeat-x top;
	margin: auto;
}

#extranav {background-color: #fff; width: 170px; font-family:Tahoma, Helvetica, sans-serif; font-size:11px; text-align: right}
#extranav th {background-color: #6C3725; color: #fff; text-align: center; }
#extranav td {background-color: #FDFDFD; color: #000; border-bottom: dashed 1px #ccc;}

.quote {
	padding: 2px;
	margin: 2px;
}

.bigquote {
	font-size: 14px;
	width: 170px;
	font-family:Tahoma, Helvetica, sans-serif; 
	text-align: right
}

#sophieheader {
	width: 100%;
	vertical-align: bottom;
	border-bottom: solid 1px #ccc;
}

.htext {
	vertical-align: bottom;
	font-size: 11pt;
}

#extranavs {background-color: #fff; width: 120px; font-family:Tahoma, Helvetica, sans-serif; font-size:11px;}
#extranavs th {background-color: #6C3725; color: #fff; }
#extranavs td {background-color: #FDFDFD; color: #000; text-align: right; line-height: 14px;}

.tpncell { 
border-bottom: solid 1px #000;
border-left: solid 1px #999999;
border-right: solid 1px #333333;
color: #fff;
text-align:center;

}

a:link.tpnlink {
	color: #FFFFFF;
	text-decoration:none;
}

a:visited.tpnlink {
	color: #FFFFFF;
	text-decoration:none;
}

#mainholder{
	width: 800px;
	margin: auto;
}

#fcell1 {
background:#FFFFFF url(images/veryhungry.jpg) no-repeat left top;
height:450px;
width:400px;
margin-right: 1px;
font-family: Avant Garde, Arial, Helvetica, sans-serif;
color:#999999;
font-size:24px;
vertical-align: top;
padding-left: 4px;
}

#fcell2 {
background:#FFFFFF url(images/sophierob.jpg) no-repeat right top;
height:225px;
width:400px;
margin-left: 1px;
margin-bottom: 1px;
overflow:hidden;
font-family: Avant Garde, Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:24px;
vertical-align: top;
text-align: right;
padding-right: 4px;
}

#fcell3 {
background:#FFFFFF url(images/sophierob2.jpg) no-repeat right bottom;
height:225px;
width:399px;
margin-top: 1px;
margin-left: 1px;
overflow:hidden;
font-family: Avant Garde, Arial, Helvetica, sans-serif;
color:#999999;
font-size:24px;
vertical-align: top;
padding-left: 4px;
}

#submainh {
	width: 800px;
	background: #fff;
	margin: auto;
}

#submain {
	width: 800px;
	margin: auto;
	text-align: left;
	background-image:url('images/footer-fade-600.png');
	background-repeat:repeat-y;
	background-color: #C9CEE9; /* pale lilac */
	}

#submain li{margin-top:0.2em; list-style-image:url(images/tinyarrow.png); background-repeat:no-repeat;}

.candles {margin-top:0.2em; list-style-image:url(images/tinyarrow.png); background-repeat:no-repeat;}

.genericarrow {margin-top:0.2em; list-style-image:url(images/tinyarrow.png); background-repeat:no-repeat;}



.smm1 {
	width: 140px;

	vertical-align: top;
}

.smm2 {
	width: 140px;

}

.smm3 {
	width: 140px;

}

.smm4 {
	padding-left:10px;
	background-color: #9BA3C9; /* dark lilac */
}

.frontinput {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #186939; /* dark green of logo */	
	vertical-align: top;
}

.greyheader {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333; /* dark green of logo */	
	font-weight: bold;
}

.smhc {
	border:dashed 1px #666666;
	width: 1px;
	height: 100%;
}

#breadcrumbs {
	width: 800px;
	background: #fff;
	margin: auto;

}
#breadcrumbs a:link {
	color: #000;
	text-decoration:none;
}
#breadcrumbs a:visited {
	color: #000;
	text-decoration:none;	
}

#breadcrumbs a:hover {
	color: #000;
	text-decoration:underline;	
}

.scell {
	width: 33%;
	text-align: center;
}
.simage {
	border: solid 1px #ccc;
	width:130px;
	height:130px;
}

.pagecontrol
{
	background-color: #eee;
}

/* robs stuff here */

A:LINK.submainlink {COLOR: #58585a;TEXT-DECORATION: none;font-size: 10px; font-family: Arial, sans-serif; }
A:ACTIVE.submainlink { COLOR: #58585a;TEXT-DECORATION: None;font-size: 10px; font-family: Arial, sans-serif; }
A:VISITED.submainlink {COLOR: #58585a;TEXT-DECORATION: None;font-size: 10px; font-family: Arial, sans-serif; }
A:HOVER.submainlink {COLOR: #999999;TEXT-DECORATION: none;font-size: 10px; font-family: Arial, sans-serif; }



.topmaintext {COLOR: #58585a;TEXT-DECORATION: none;font-size: 10px; font-family: Arial, sans-serif; }

#maincell {
	vertical-align: top;
	text-align: left;
}

#headertable {
	width: 100%;
	text-align:left;
}

a:link.pageheaderl {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #88336d; /* purple */		
}
a:visited.pageheaderl {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #88336d; /* purple */		
}
.pageheader {
	background-image:url(../images/long-purple-fade.png);
	background-repeat:repeat-y;
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size: 16px;
	vertical-align:middle;
	color: #88336d; /* purple */
	background-color:#fff;
	font-weight:bold;
	width: 100%;
	padding: 10px;
}

#content {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #186939; /* dark green of logo */
	font-size: 12px;
	vertical-align: top;
}

#leftnavlist {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #186939; /* dark green of logo */
	font-size: 10px;
	text-align: left;
}

.lnhead {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #88336D; /* purple */
	font-size: 12px;
}


h2 {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #ffffff; /* white */
	font-size: 12px;
}

.lnextra {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #186939; /* dark green of logo */
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

h3 {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	color: #186939; /* dark green of logo */
	font-weight: bold;
	font-size: 12px;	
}

#sectionheader {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #186939; /* dark green of logo */

}

#sectionheader p {
	text-align: justify;
}

#sectionheader ul {
	color: #88336d; /* purple */
	list-style-image:url(images/tinyarrow.png);
	background-repeat:no-repeat;
}

a:link.shlink {
		color: #88336d; /* purple */
		text-decoration: none;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

a:active.shlink {
		color: #88336d; /* purple */
		text-decoration: none;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

a:visited.shlink {
		color: #88336d; /* purple */
		text-decoration: none;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

a:hover.shlink {
		color: #CC0099; /*dark pink*/
		text-decoration: none;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

#snippettable {
	background-color: #afcf95;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #afcf95;
}

.snippettableic {
	vertical-align:middle;
	width: 380px;
	height:280px;
	background-image:url(http://newlayout.portmeirionproducts.co.uk/userfiles/image/kiln.png);
	background-repeat:no-repeat;
	background-position:top center; 
}

.snippettabletc {
	vertical-align:middle;
	background-image:url(../images/horiz-green-fade.png);
	width: 380px;
	height:280px;
	background-repeat:repeat-y;
	background-color:#d1f5b4;
}



#snippettable p {
	padding: 15px;
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
}

.snippethead {
		color: #88336d; /* purple */
		font-weight: bold;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

#snippettablea {
	width: 100%;
	background-color: #afcf95;
	margin-bottom: 20px;
}

#snippettablea td {
	text-align: center;
	vertical-align:middle;
	background-image:url(../images/horiz-green-fade-long.png);	
	background-repeat:repeat-y;
}

#snippettablea p {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	text-align: justify;	
}

.snippetheada {
		color: #88336d; /* purple */
		font-weight: bold;
		font-size: 12px; 
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

#leftcell {
	text-align: left;
}

#stockistsform {
	text-align: center;
	vertical-align:middle;
	width: 100%;
}

#stockistsform td {
	text-align: center;
	vertical-align:top;
	background-image:url(../images/horiz-pale-green-fade.png);	
	background-repeat:repeat-y;
	width: 50%;
}


#stockistsform input,select {
		font-size: 10px;
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;		
}

#stockistsformlong {
	text-align: center;
	vertical-align:middle;
	width: 100%;
	background-image:url(../images/horiz-green-fade-600.png);	
	background-repeat:repeat-y;	
}

#stockistsformlong input,select {
		font-size: 10px;
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;		
}
#stockistresults th {
	background-image:url(../images/horiz-green-fade-600.png);	
	background-repeat:repeat-y;	
}
.dealer1 {
	border-bottom: solid 1px #ccc;
}
.dealer2 {
	border-bottom: solid 1px #ccc;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#underlinemenu{
margin: 0;
padding: 0;
font-family: Century Gothic, Arial;
width: 800px;
}

#underlinemenu ul{
margin: 0;
/* margin-bottom: 1em; */
margin-bottom: 0px;
padding-left: 0;
padding-bottom: 4;
float: left;
background-color: #999999;
/* font-weight: bold; */
width: 100%;
border: 1px solid #fffffF;
border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
margin-bottom: 0;
}

#underlinemenu ul li{
display: inline;
}


#underlinemenu ul li a{
float: left;
color: white;

/* font-weight: bold; */
padding: 2px 6px 4px 6px;
text-decoration: none;
background: #999999 url(/menudivide.gif) top right repeat-y;
font-size: 10px;
}

#underlinemenu ul li a:hover{
color: white;
background-color: #99ce78;

border-bottom: 4px solid #d4e9c3;
padding-bottom: 0;
font-size: 10px;
background: #99ce78 url(/menudivide.gif) top right repeat-y;
}

/* additional for press */

.genericgreenfade{
	background-image:url(/images/genericleftfade.jpg);
	background-repeat:repeat-y;
	background-color:#d1f5b4;
}

.genericgreenfadelong{
	background-image:url(/images/500-green-fade.png);
	background-repeat:repeat-y;
	background-color:#d1f5b4;
}

.genericp {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
}

.genericp2 {
	padding: 10px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
}

.genericbig {
	padding: 0px;
	text-align: left;
	font-size: 14px;
	text-align: justify;
}

.genericmid {
	padding: 0px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
}

.genericsmall {
	padding: 0px;
	text-align: left;
	font-size: 10px;
	text-align: justify;
}

.genericp3 {
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-top :5px;
	margin-left :0px;
	margin-right :0px;
	margin-bottom :5px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
}

.genericpink
{
font-size: 14px;
 color:#be1a8d;
}

.motifgreenfade{
	background-image:url(../images/genericleftfade.jpg);
	background-repeat:repeat-y;
	background-color:#d1f5b4;
	border-bottom: solid 1px #cccccc;
	color:#be1a8d;
}

.investorgreenfade{
	background-image:url(../images/genericlongfade.jpg);
	background-repeat:repeat-y;
	background-color:#ffFFff;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	margin-top :5px;
	margin-left :0px;
	margin-right :0px;
	margin-bottom :5px;
}

.headtext
{
font-size: 14px;
color:#be1a8d;
}

.smalltext
{
	font-size: 12px;
}

.smallfont
{
	font-size: 11px;
}

.smallestfont
{
	font-size: 9px;
}

#maillisttable input {
		font-size: 12px;
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;	
		color: #186939; /* dark green of logo */		
}


.sophielist {
	padding: 5px;
	text-align: left;
	font-size: 12px;
	text-align: justify;
}

.cellfade {
		font-size: 10px;
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;	
		background-image:url(/images/small-green-fade.png);
		background-repeat:repeat-y;
		background-color:#d1f5b4;		
}

a:link.cellfade {

}

a:hover.cellfade {
		font-size: 12px;
		font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;	
		background-image:url(/images/small-green-fade.png);
		background-repeat:repeat-y;
		background-color:#d1f5b4;	
}


/* additional */
#leftcell {
	background-color: #EAF5E2;
	background-image: url('../images/leftnav.png');
	background-repeat: repeat-y;
	vertical-align: top;
	width:200px;
	font-weight: bold;
	padding-left: 4px;
}

#leftcell ul {
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 2em;
font-weight: bold;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 0px;
list-style-type: none;
list-style-position:outside;
padding: 1px;
margin: 2px;
}

#leftcell a:link {
text-decoration: none;
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
color: #63AA42; /*green*/
font-size: 12px;
}

#leftcell a:active {
text-decoration: none;
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
color: #63AA42;
font-size: 12px;
}

#leftcell a:visited {
text-decoration: none;
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
color: #63AA42;
font-size: 12px;
}

#leftcell a:hover {
text-decoration: underline;
font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
color: #1F5804;
font-size: 12px;
}

#contactinputform {
	width:100%; 
	border: solid 1px #ccc;
	background-image:url(/images/genericlongfade.jpg);
	background-repeat:repeat-y;
	background-color:#d1f5b4;
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}

#contactinputform input {
	font-family: Century Gothic, Avant Garde, Arial, Helvetica, sans-serif;
}