/* Colours -  dark blue  #09044d; dark grey #111  */
* { padding: 0; margin: 0; } 
html {
	border-top: 2px solid #027ec8;
	text-align: center;
	}
/*body
{ 
background-image: url('../images/abackground.gif');
background-repeat: repeat;
background-color:#22303A;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
*/
body {
		font: 12px/17px "Lucida Grande", tahoma, sans-serif;
		background: #fff;
		color: #027ec8;color:#444;
		width: 815px;
		margin: 27px auto;
		text-align: left;
		}
#content img 	{border: 5px solid #eee;}
img.floatleft  {float:left;margin-right:15px;}
img.floatright {float:right;margin-left:15px;}
#header {
	float: left;position:relative;
	width: 100%;height:110px;
	border:4px solid #fff;
	}
	
#content {
		float: left;width: 100%;
		margin: 28px 0px 28px 0px;
		}
		
#main {
			float: left;
			width: 600px;
			}
			
#home #main {
				float: left;
				width: 815px;
				}
			
#sidebar {
			float: right;
			width: 180px;
			}
			#sidebar img 	{border: 5px solid #f0f0f0;}
#mainimage img {
	border: 5px solid #f0f0f0;
	}
#footer {
	float: left;padding-top:20px;
	width: 100%;
	height:100px;
	}
#footer a {padding-right:20px;}

/*typography*/

a {

	text-decoration: none;

	font-weight: bold;

	color: #09044d;

	}

a:link {

	}

a:visited {

	}

a:active {

	}

a:hover {

	text-decoration: underline;

	}

h1 {clear:both;

	font-size: 1.3em;

	font-weight: bold;

	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:#09044d;color:#034973;

	}



h2 {

	font-size: 1.2em;

	margin: .5em 0em;

	font-weight: bold;

	color:#09044d;color:#034973;

	}



h3 {

	font-size: 1.4em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: normal;color:#034973;

	}

h4 {

	font-size: 1.2em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;color:#034973;

	}

h5 {

	font-size: 1.0em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;color:#034973;

	}

h6 {

	font-size: 0.8em;

	margin: 1.2em 0em 1.2em 0em;

	font-weight: bold;color:#034973;

	}

img {

	border: 0;

	}

i {font-style:normal;}

ol, ul, li{

	font-size: 1.2em;

	line-height: 1.0em;

	margin-top: 0.2em;

	margin-bottom: 0.2em; 

	}
li {margin-left:4em;margin-bottom:.75em;}

p {

	font-size: 1.3em;

	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;

	color:#09044d;

	}

/* end of typography */

/* Page Layout Styles*/
#Address {width:100%;height:120px;
				  margin:0px;padding:0px;
				  text-align: left;
					background: #027ec8;background:#fff;
				  color: #027ec8;
					font-size:1.1em;
				}

#Address a {background: #027ec8;background:#fff;
				    color: #027ec8;}

#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;
						}
#leftcolumn p {text-align: left;}
#leftcolumn ul li {text-align: left;}
#leftcolumn h2 {text-align: left;}


#logo {float:left;width:350px;height:98px;background-color:#fff;}

#logo a {text-decoration:none;}

#logo a img {border:none;}


#logo {
	position: absolute;
	top: 0; left: 0;
	width: 350px; height: 98px;
	background: url("/images/logo.gif") no-repeat;
	}

	#logo h1, #logo a {
		display: block;
		width: 180px; height: 60px;
		text-indent: -9999px;
		background: none;
		text-decoration: 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:#fff;color:#027ec8;}



#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:#850063;

									padding:0px;

									}

#Copyright{width:200px;float:left;text-align:center;}

#idFrontOnLink {width:200px;text-align:left;margin-top:20px;													 }

#idFrontOnLink a {/*font-size:70%;*/}

#idFrontOnLink a:link 	 {color:#027ec8;text-decoration:none;font-weight:normal;}

#idFrontOnLink a:visited {color:#027ec8;text-decoration:none;font-weight:normal;}

#idFrontOnLink a:hover 	 {color:#027ec8;text-decoration:underline;font-weight:normal;}

#idFrontOnLink a:active  {color:#027ec8;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;}

#summaryblock {float:left;width:40%;height:200px;margin:20px;padding:10px;border:1px solid #027ec8;}

#summaryblock ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}

#summaryblock ul li
{
padding-left: 10px;
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
}
.linkleft {float:left;}
.linkright {float:right;}