/* fonts - verdana for body text and headers, perpetua and perpetua italic for sitetitle
/* Colours -  deep purple 850063 ; pale purple 94406a ; pink f1dfeb ; deep blue/green 5fc3af ; light blue/green 82d8c6   */

/* Colours -red				 			 #b81e36
	 darker red								 #680021
	 dark green								 #5c883b
	 light green							 #7ca362
*/
body {height:100%;
		 color:#555;
		 padding:0px;margin:0px;
		 background-color:#ffffff;
		 text-align: center;
		}

/* Typography */
body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 72%;
	color: #000;
	background-color: #ffffff;
	}

#content {
	margin: 0em;
	padding: 4em 6em 2em 6em;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {
	text-decoration: none;
	font-weight: bold;
	text-decoration: underline;
	font-weight: normal;
	color: #000;
	}
a:link {
	}
a:visited {
	}
a:active {
	}
a:hover {
	text-decoration: underline;
	}
h1 {
	font-size: 1.0em;
	font-weight: normal;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color:#5c883b;
	}

h2 {
	font-size: 1.0em;
	margin: 0em;
	font-weight: normal;
	color:#5c883b;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	color:#5c883b;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#5c883b;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#5c883b;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	color:#5c883b;
	}
img {
	border: 0;
	}
i {font-style:normal;}
ol, ul, li {
	font-size: 1.0em;
	line-height: 1.8em;
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
p {
	font-size: 1.0em;
	line-height: 1.5em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}
/* end of typography */


/* Page Layout Styles*/
div.idCentre {/*position:relative;top:0px;left:0px;*/
						  width:773px;
							background-color:#fff;
							color:#5c883b;
							border:none;
  						padding:0px;
							margin: 0px auto;
  						}
.idCentre a:link {text-decoration:underline;color:#b81e36;background-color:#fff;}
.idCentre a:visited {text-decoration:underline;color:#b81e36;background-color:#fff;}
.idCentre a:hover {text-decoration:underline;color:#5c883b;background-color:#fff;}
.idCentre a:active {text-decoration:underline;color:#5c883b;background-color:#fff;} 
#Address {width:100%;height:120px;
				  margin:5px 0px;
				  text-align: left;
					background: #fff;
				  color: #666;
				}
#Address a {}
#navigation-bar-left{position:relative;left:0px;top:0px;}
#mainnavbar{width:770px;
						padding:0px;margin:0px 0px 0px 0px;height:2em;
						color:#fff;
						background-color:#fff;
					}
#secondarynavbar{
						margin-left:100px;
						color:#555;
						background-color:#fff;
						font-size:12px;
					}
#main {
			 color:#555;
			 border-bottom:2px solid #b81e36;
			 margin:0px;padding:0px;
			 background-color:#fff;
			 background-image: url(images/newmainsidesbg.gif);
			 background-position:top right;
			 background-repeat:repeat;
			 text-align:left;
			}
#about {
			 color:#555;
			 border-bottom:2px solid #b81e36;
			 margin:0px;padding:0px;
			 background-color:#fff;
			 background-image: url(images/mainsidesbg.gif);
			 background-position:top right;
			 background-repeat:repeat;
			 text-align:left;
			}
#main h1 {
	font-size: 1.7em;
	margin: 0em;
	font-weight: bold;
	padding:0px 10px;
	}
.idCentre h1 {
	font-size: 1.7em;
	margin: 0em;
	font-weight: bold;
	padding:0px 10px;
	}
#main h2 {
	font-size: 1.5em;
	margin:0em 0em -0.3em 0em;
	font-weight: bold;
	padding:0px 10px;
	}
.idCentre h2 {
	font-size: 1.5em;
	margin:0em 0em -0.3em 0em;
	font-weight: bold;
	padding:0px 10px;
	}
#main	h3 {
	font-size: 1.2em;
	margin: 1em 0em;
	font-weight: bold;
	padding:0px 30px;
	}
#main p  {padding:0px 10px;}
#leftcolumn {width:220px;
						 float:left;
						 background-color:#5fc3af;
						 background-color:#fff;
						 margin-right:5px;
						 text-align:center;
						 border-right:1px solid #b81e36;
						 background-image: url(images/leftsidesbg.gif);
			 			 background-position:top left;
			 			 background-repeat:repeat-y;
						}
#leftcolumn p {text-align: left;width:190px;}
#leftcolumn ul li {text-align: left;}
#leftcolumn h2 {text-align: left;}
#rightcolumn {width:589px;				  
							background-color:#82d8c6;
							background-color:#fff;					
							border-left:1px solid #b81e36;
							background-image: url(images/rightsidesbg.gif);
			 			 	background-position:top right;
			 			 	background-repeat:repeat;
						 }
/*#rightcolumn p  {padding:0px 10px;}
#rightcolumn h2  {padding:0px 10px;}*/
#rightcolumn a:link {text-decoration:none;color:#b81e36;background-color:#82d8c6;}
#rightcolumn a:visited {text-decoration:none;color:#b81e36;background-color:#82d8c6;}
#rightcolumn a:hover {text-decoration:underline;color:#5c883b;background-color:#82d8c6;}
#rightcolumn a:active {text-decoration:underline;color:#5c883b;background-color:#82d8c6;} 
#activemainnav {/*position:relative;left:10px;*/
						 	  background-color:#5fc3af;
						 		background-image: url(images/maintopleftbg.gif);
						 		background-position:top left;
			 			 		background-repeat:no-repeat;
							  color:#fff;
							  padding:5px 0px;
								width:180px;
								text-align:left;text-indent:28px;
								}
#breadcrumbs {color:#fff;
						 	background-color:#b81e36;
						  /*background-image: url(images/newmaintopbg.gif);*/
							background-position:top right;
			 			  background-repeat:no-repeat;
							padding:5px 0px 10px 0px;
						  text-align:left;text-indent:28px;
							font-size:12px;
							}
#designyourown {z-index:100;height:158px;width:163px;float:right;margin-right:-10px;margin-top:-60px;}
#logo {float:left;width:170px;background-color:#fff;}
#logo a {text-decoration:none;}
#logo a img {border:none;}
div.Wrap {/*width: 100%;height:100%;*/padding-bottom:10px;
	background-color:transparent;
	background-image: url(images/greydropshadowbottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
/*#ResizeText {float:right;
						 color:#d8d8d8;background-color:#000;
						 padding:0 20px 0 0; margin:0px;
						 font-weight:bold;}
#ResizeText a:link {font-weight:normal;padding-right:5px;}
#smallText {font-size:14px;
					  font-family:serif;}
#largeText {font-size:16px;
					  font-family:serif;}
*/
#ShoppingCart {float:right;color:#98cd01;background-color:#000;}
#ShoppingCart img {border:0px}

#ScreenHeader{height:97px;width:100%;text-align:left;background-color:#000;color:#d8d8d8;}

#SiteHeaderText {height:40px;padding:5px 0px 0px 5px;border:none;
								background:#000;color:#d8d8d8;
								}
#SiteHeaderText a img {border: none;padding:0px;}
#SiteTitleText{width:483px;
							 color:#000;
							 background:#fff;
							 float:left;
							 text-align:left;font-family:helvetica;
							 margin:0px;padding-top:20px;}
#ContactLink {float:left;width:300px;}
div.centredimage {
    display: block;
		text-align:center;
		margin: 0px 0px 20px 85px;
		background-color:#000;color:#d8d8d8;
		width:626px;
		padding:6px;}
div.floatedleftimage {
    float:left;
		padding:20px 0px 0px 0px;}
div.floatedrightimage {
    float:right;
		padding:0px;
		}
div.tripleimage {display:block;margin: 0 auto;width:600px;}
#leftimage   {float:left;margin-left:17px;margin-right:34px;background-color:#000;color:#d8d8d8;padding:0px;}
#rightimage  {float:right;background-color:#000;color:#d8d8d8;margin-left:17px;padding:0px;}
#floatedtext {float:left;
						  width: 660px;
						  padding:0px 0px 10px 10px;
							background-color:#fff;color:#333;}					
#floatedtextright {float:right;
						  padding:20px;
							background-color:#000;color:#d8d8d8;}
#floatedtext p {color:#333;background-color:#fff;
						    padding:0px 15px 10px 10px;
								margin:0px;
								}
#floatedtext img {float:left;margin:5px 10px 0px 0px;}
/*#floatedtext a:link {text-decoration:none;color:#e31616;background-color:#fff;}
#floatedtext a:visited {text-decoration:none;color:#e31616;background-color:#fff;}
#floatedtext a:hover {text-decoration:underline;}
*/
#floatedright {float:right;width:230px;margin:-10px -20px 0px 10px;background-color:#fff;color:#333;}
#floatedright img {margin:10px 10px 15px 10px;}
#floatedleft {float:left;width:230px;margin:-10px 10px 0px 0px;background-color:#fff;color:#333;}
#floatedleft img {margin:10px 10px 0px 10px;}

.cleared {clear:both;}
.clearforheight{clear:both;
    		  height:1px;
    			overflow:hidden;}
					
			
div.BottomText {position:absolute;right:5px;top:650px;width:100%;
								text-align:center;
								background:#000;color:#d8d8d8;
								}
												
/*#leftcolumn {position:absolute; left:0px;
						 width:270px;
						 background-color:#fefefe;
						 color:#777;
						 padding:5px;
						 overflow:visible;
						}
#leftcolumn a:link {}
#leftcolumn a:hover   {background-color:#eee;}
#rightcolumn {position:absolute;
						 	width: 600px; 
						  left:320px;
							top:110px;
							padding:10px 0px 0px 0px;
							margin:20px 0px 0px 0px;
							overflow:hidden;
						 }*/
#floattext {float: left;
            background-color:#fefefe;
						color:#444;
						padding:5px;
						overflow:visible;
						}

p.c{text-align:center;}
#Footer {margin:10px 0px 0px 0px;
				 padding:0px;
				 border:none
         clear:both;
				}
#Footer p {text-align:left;
					 color:#555;
					 margin:0px;padding:0px;
					}
#licencingact {width:100%;
							 font-size:80%;
							 color:#555;
							}
.CopyrightBanner a {/*font-size:80%;font-weight:normal;*/}		
#idCopyrightLink {float:left;width:33%;text-align:left;}
#homepagecopytext{width:400px;float:left;
									margin:0px;
									text-align:left;
									color:#5c883b;
									padding:0px;
									}
#Copyright{width:200px;float:left;text-align:center;}
#idFrontOnLink a {/*font-size:70%;*/}
#idFrontOnLink a:link 	 {text-decoration:none;font-weight:normal;}
#idFrontOnLink a:visited {text-decoration:none;font-weight:normal;}
#idFrontOnLink a:hover 	 {text-decoration:none;font-weight:normal;}
#idFrontOnLink a:active  {text-decoration:none;font-weight:normal;} 

#UpdateGraphic {position:absolute;top:0px;left:0px;}
#ControlPanelVcards {text-align:center;}
#ControlPanelVcards ul {list-style-type: none;}
/*body div#toolTip { position:absolute;z-index:1000;width:110px;background:#d8d8d8;text-align:center;padding:2px;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#e31616;}
body div#toolTip p em { display:none;margin-top:3px;color:darkgreen;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }*/

th {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #5c883b;
	/*border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;*/
	border:none;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 0px;
	background: #fff;
}
td.cart {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}
td.cartleft, th.cartleft {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	border-left: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}
td.cartright {
	border-right: 1px solid #666;
	background: #000;
	padding: 6px 6px 6px 12px;
}

th.confirm {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #e31616;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	letter-spacing: 1px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #fff;
}
td.confirm {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
td.confirmleft, th.confirmleft {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;	
	border-left: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
td.confirmright {
	border-right: 1px solid #666;
	background: #fff;
	padding: 6px 6px 6px 12px;
}
#displayorder {width:750px;margin-left:30px;}
#shopfunctions {position:absolute;top:0px;right:20px;z-index:100;
							  border:2px solid #e31616;
								padding:5px;
								background:#fff;}
#gotohomepage {float:right;}
.packaging {padding:0em 0em 0em 1em;}
.packaging p {padding:0em 0em 0em 1em;}