/* Colours -  darker blue  #0397d6; paler blue #8bc0e8 orange #fcb040  */
body {height:100%;
		 color:#fe22fe;
		 margin:0px;padding:0px;
		 background-color:#fff;
		 text-align:left;
		}

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

#content {
	margin: 0em;
/*	margin: 4em 0em 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;
	color: #a62720;background-color:#ffccff;
	}
a:link {text-decoration: none; font-weight: bold; color: #fe22fe;background-color:#ffccff;}
a:visited {text-decoration: none; font-weight: bold; color: #fe22fe;background-color:#ffccff;}
a:active {text-decoration: underline; font-weight: bold; color: #fe22fe;background-color:#ffccff;}
a:hover {text-decoration: underline; font-weight: bold; color: #fe22fe;background-color:#ffccff;}
h1 {clear:both;
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 1em;
	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:#fe22fe;
	}

h2 {
	font-size: 1.2em;
	margin: .5em;
	font-weight: bold;
	color:#fe22fe;
	}

h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}
i {font-style:normal;}
ol, ul, li {
	font-size: 1.1em;
	line-height: 1.0em;
	margin-top: 0.3em;
	margin-bottom: 0;
	margin-right: 0.3em;
	}
ul {margin-top: 0px;}
p {
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 1.2em .5em 1.2em .5em;
	}
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;
	color:#09044d;
	}
/* end of typography */


/* Page Layout Styles*/
div.idCentre {
						  width:800px;height:450px;
							background-color:#ffccff;
							background-image: url(images/bg.jpg);
							background-position:top right;
							background-repeat:no-repeat;
							color:#fe22fe;
							border:2px solid #fe22fe;
							padding:0px;
  						margin:0px auto;
							text-align:left;
  						}
.idCentre a:link {text-decoration:none;color:#fe22fe;background-color:#fff;}
.idCentre a:visited {text-decoration:none;color:#fe22fe;background-color:#fff;}
.idCentre a:hover {text-decoration:underline;color:#fe22fe;background-color:#fff;}
.idCentre a:active {text-decoration:underline;color:#fe22fe;background-color:#fff;}
#home {background-image: url(images/front.jpg);}
#Address {width:800px;height:5em;border:none;
				  background-image: none;
				  font-size:1.2em;text-align:right;
					background-color: #fff;color:#fe22fe;
				}
#Address a {background-color: #fff;}
#Address p {font-size:1em;line-height:.8em;}
#logo {float:left;width:255px;padding:0px;height:142px;color:#0397d6;background-color: #fff;}
#logo p {padding:0px;}
#logo a {text-decoration:none;}
#logo a img {border:none;margin:0px;padding:5px;}
#navigation-bar{float:left;clear:left;text-align:left;color:#0397d6;
						background-color:#fff;font-size:80%;font-family:verdana;
						margin-top:10px;}
#mainnavbar{
						padding:0px;margin:0px 0px 0px 0px;height:2em;
						color:#0397d6;
						background-color:#fff;
					}
#secondarynavbar{
						margin-left:0px;
						color:#555;
						background-color:#fff;
						font-size:12px;
					}
#main {float:right;width:475px;height:500px;background-color:#fff;color:#72130D;
			 border:none;
			 margin:0px;padding:0px;
			 text-align:left;
			}
#maincontents {width:465px;margin:0px auto;
							 text-align:justify;font-weight:bold;font-family:verdana;
							 scroll:auto;}
#maincontents p {line-height:1.3em;}
#main h1 {
	font-size: 1.7em;
	margin: 2em 0em;
	font-weight: bold;
	padding:0px 10px;
	}
#main h2 {
	font-size: 1.2em;
	margin:0em;
	font-weight: bold;
	padding:5px;
	}
#main	h3 {
	font-size: 1.2em;
	margin: 0em;
	font-weight: bold;
	padding:0px 30px;
	}
#main p  {padding:0px;}
#leftcolumn {width:220px;
						 float:left;
						 background-color:#5fc3af;
						 background-color:#fff;
						 /*margin-left:5px;*/
						 text-align:center;
						 border-right:1px solid #5fc3af;
						 background-image: url(images/leftsidesbg.gif);
			 			 background-position:top left;
			 			 background-repeat:repeat;
						}

#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;
								}
#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;}

#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;
								}											
#floattext {float: left;
            background-color:#fefefe;
						color:#444;
						padding:5px;
						overflow:visible;
						}

p.c{text-align:center;}
#Footer {
				 background:#fff;
				 color:#fe22fe;
				 border:none;
				}
#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:#850063;
									padding:0px;
									}
#Copyright{width:200px;float:left;text-align:center;}
#idFrontOnLink {float:left;clear:both;width:200px;text-align:left;margin-top:20px;													 }
#idFrontOnLink a {}
#idFrontOnLink a:link 	 {color:#fe22fe;text-decoration:none;font-weight:normal;}
#idFrontOnLink a:visited {color:#fe22fe;text-decoration:none;font-weight:normal;}
#idFrontOnLink a:hover 	 {color:#fe22fe;text-decoration:underline;font-weight:normal;}
#idFrontOnLink a:active  {color:#fe22fe;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: #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: #000000;
}
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 p {margin:5px;}