/* CSS Document */

html {background: #EEE; color: #000; min-height: 100%;}

body {position: relative; background: #EEE8AA; color: #000; margin: auto; margin-top: 0; margin-bottom: 0; min-height: 700px; min-width: 640px; max-width: 1400px;  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 20px; -webkit-box-shadow: 5px 0 20px #333, -5px 0 20px #333; -moz-box-shadow: 5px 0 20px #333, -5px 0 20px #333; box-shadow: 5px 0 20px #333 ,-5px 0 20px #333;}

a:link {
	color: #000066; 
}

a:visited {
	color: #AA00FF;
} 

a:hover {
	color: #FF0000;
	}
	
a:active {
	color: #FF8C00;
}

a.lightlink:link {
	color: #FFFFFF; 
}

a.lightlink:visited {
	color: #FFBBFF;
} 

a.lightlink:hover {
	color: #FF0000;
	}
	
a.lightlink:active {
	color: #FF8C00;
}
img.bordered:link {
	border: 1px solid #999999;
}

img.bordered:hover {
	border: 1px solid #FF0000;
}
	

/*  FONTS  */		

a, p, h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
 
h1 {
	font-size: 1.50em;
	font-weight: bold;
	margin-top: 0px;
	}
	
.normalfont {
	font-weight: normal;
	}

h2 {
	font-size: 1.20em;
	font-weight: bold;
	}
	
h3 {
	font-size: 1.10em;
	font-weight: normal;
	}
	
h4 {
	font-size: 1.10em;
	font-weight: bold;
	}

h5 {
	font-size: 1.00em;
	font-weight: bold;
	margin:0;
	}

h6 {
	font-size: 0.90em;
	font-weight: normal;
	}

p   {
	text-align: left;
	color: #000000;
	}
	
ul 	{
	font-size: 0.90em;
	}
	
.red {
	color: #800;
	}
	
.grey {
	color: #666666;
	}
	
.quoted_text {margin-left: 20px; color: #333;}

hr {
	border: 0;
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 3px;
	}

/*  IMAGES  */
	
img {
	margin: 0 0 -3px 0;
	border: none;
	}
	
.bordered {
	border: 1px solid #999999;
	margin: 3px 0px -3px 0px;
	}
	
.bordered:hover {
	border: 1px solid #999999;
	margin: 0px 0px 0px 0px;
	}
	
.noborder {
	border: 0px;
	}
	

/*  MAIN STRUCTURE  */

#header {
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	height: 60px;
	border: 1px solid #FFFFFF;
	background-color: #808000;
	}
	
#main-container {
	position: relative;
	margin-top: 0px;
	height: 1%;
	}
	
#left-container {
	z-index:20;
	position: absolute;
	top: 0px;
	margin: 0;  
	left: 0px;  
	width: 200px;
	background-color: #FFFFFF;
	}
	
#left-container-latest {
	z-index:10;
	position: absolute;
	top: 250px;
	margin: 0;
	left: 0;  
	width: 202px;
	background-color: #808000;
	}
	
.latestpic {
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	text-align: center;
}

.latestpara {
	margin: 0;
	padding: 0 10px 0 10px;
	border: 1px solid #FFF;
	margin: 0;
}
.latesthead {
	margin-top:10px;
	padding: 5px;
	font-weight:bold;
	font-size:1.20em;
	background-color:#BE3504;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}
.latesttext {
	font-size: 0.80em;
	color:#FFFFFF;
}
	
#body-container {
	position: relative;
	top: 0;
	min-height: 300px;
	margin: 0 0 0 220px;
	padding: 20px 20px 20px 20px;
	background-color: #FFFFFF;
	min-height: 380px;
	}

#footer {
	z-index: 5;
	position: relative;
	margin: 20px 0px 0px 0px;
	border: 1px solid #FFFFFF;
	height: 10px;
	background-color: #808000;
	padding: 10px 25px 10px 25px;
	}
	
.nbr_badge {
	position: relative;
	float: left;
}
	
#printheader {
	display: none;
	}
	
.textpara {
	font-size: 0.90em;
	margin-bottom: 10px;
}

.textpara {
	font-size: 0.90em;
	margin-bottom: 10px;
}
.textpara_index {
	font-size: 0.90em;
	margin-bottom: 10px;
	min-height: 400px;
}

.noprinttextpara {
	font-size: 0.90em;
	margin-bottom: 10px;
}

.centerpara {
	font-size: 0.60em;
	text-align: center;
	margin-top: 10px;
}

.thumbnail {-webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999;}
.thumbnail:hover {-webkit-box-shadow: 5px 5px 5px #800; -moz-box-shadow: 5px 5px 5px #800; box-shadow: 5px 5px 5px #800;}

.picblocknobackground {
	margin-top: 0px;
	margin-bottom: 0px;
	margin: auto;
	text-align: center;
	}
	
.printpic {
	display: none;
	}

.smalltextpara {
	font-size: 0.60em;
}

.textlink {
	margin-top: 10px;
	font-size: 0.90em;
	text-align: center;
	}

.copyright {
	z-index: 5;
	font-size: 0.60em;
	text-align: center;
	color: #FFFFFF;
	}

.noprint {
	/*  for screen only content  */
	}

.nobullet {
	list-style-type: none;			   
}


table.products {
	width: 100%;
	font-size: 0.90em;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.products td,th {
	border: 1px solid #CCC;
	text-align: center;
}

table.products th.code{
	width: 10%;
}

table.products th.item{
	width: 60%;	
}

table.products th.price{
	width: 10%	
}

table.products th.info{
	width: 20%;
}

table.products tr.lighter {
	color: #666;	
}

table.products td.item {
	text-align: left;
}

table.customer {
	width: 50%;
	font-size: 0.90em;
	border: 0px solid #CCC;
	border-collapse: collapse;
	}
	
table.customer td,th {
	border: 0px solid #CCC;
	text-align: left;
}

table.customer td.title {
	width: 100px;
	}

table.customer td.name {
	}

table.order {
	width: 100%;
	font-size: 0.90em;
	border: 1px solid #CCC;
	border-collapse: collapse;
}

table.order td,th {
	border: 1px solid #CCC;
	text-align: center;
}

table.order th.code{
	width: 20px;
}

table.order th.poundeach{
	width: 10px;	
}

table.order th.price{
	width: 20px;	
}

table.order th.poundtotal{
	width: 10px;	
}

table.order th.price{
	width: 10px;	
}

table.order th.info{
	width: 20%;
}

table.order th.qty{
	width: 20px;
}

table.order th.total{
	width: 20px;
}

table.order tr.lighter {
	color: #666;	
}

table.order td.item {
	text-align: left;
}

table.ordertotal {
	width: 200px;
	font-size: 0.90em;
	font-weight: bold;
	border-collapse: collapse;
	margin: auto;
	text-align: center;
	border: 2px solid #000;
	}
	
table.ordertotal td {
}
		
table.ordertotal td.totaltext{
	text-align: left;
	}
	
table.ordertotal td.poundtotal{
	width: 10px;	
}
	
table.ordertotal td.totalvalue {
	width: 20px;
	}
		
	
/*  FOR MENU  */

.glossymenu{
	margin: 0;
	padding: 0;
	width: 200px; /*width of menu*/
	border: 1px solid #FFFFFF;
	border-bottom-width: 0;
	}

.glossymenu a.menuitem{
	background: black url(menu/menu1.jpg) repeat-x bottom left;
	font: bold 0.80em Verdana, Arial, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
	}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
	}

.glossymenu a.menuitem:hover{
	background-image: url(menu/menu2.jpg);
	}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
	background: white;
	}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.glossymenu div.submenu ul li{
	border-bottom: 1px solid #000000;
	}

.glossymenu div.submenu ul li a{
	display: block;
	font: normal 0.90em Verdana, Arial, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
	}

.glossymenu div.submenu ul li a:hover{
	background: #606000;
	color: white;
	}

/*  for accordion with more info  */
.accordion {
	width: auto;
	margin: auto;
	height:50px;
	overflow:hidden;}
.accordion:hover {
	color:#000;
	height: 420px;
	overflow: auto;
	border-bottom:1px solid #BE3504;}
.accordion-header{
	background-color: #808000;
	color: #FFF;
	width: auto;
	height:25px;
	padding-left:10px;
	text-decoration: none;
	background-image:url(menu/plus.gif); background-repeat: no-repeat; background-position: 150px 5px;
	} 
.accordion-header:hover{background-color:#BE3504;
	background-image:url(menu/minus.gif); background-repeat: no-repeat; background-position: 150px 5px;
}
.leftpara{margin-top:0;width:47%;padding:0;float:left;}
.rightpara{margin-top:0;width:47%;padding:0;float:right;}


.paypalpara{margin:auto;margin-top:25px;margin-bottom:25px;text-align:center;border:0 solid #F00;padding:0;width:200px;}
.paypal-img{margin:auto;margin-top:0;margin-bottom:0;text-align:center;border:0 solid #F00;padding:3px;}
.paypal-img:hover{margin:auto;margin-top:-3px;margin-bottom:3px;text-align:center;padding:2px;border:1px solid #F00;}

.paypalpara-two-container{position:relative;margin:auto;margin-top:25px;margin-bottom:25px;padding:0;border:0 solid blue;width:410px;height:30px;}
.paypalpara-left{position:absolute;left:0;top:0;text-align:center;border:0 solid #F00;width:200px;height:30px;}
.paypalpara-right{position:absolute;right:0;top:0;text-align:center;border:0 solid #0F0;width:200px;height:30px;}

fieldset{border:0 solid #FFF;}


.highslide {
	}

/*  FOR HIGHSLIDE  */


.highslide-container div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #333333;
}

.highslide img {
	border: 1px solid silver;
	margin: 0 5px 0 5px;
}
.highslide:hover img {
	border-color: #F00;
	margin: -3px 5px 3px 5px;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 1px;
	border-style: solid;
	border-color: #999999;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	padding: 5px;
	background: white;
	font-size: 0.70em;
}
.highslide-heading {
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url("../highslide/graphics/fullexpand.gif") no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 0.90em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url("../highslide/graphics/loader.white.gif");
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: #FBEC5D;
	text-decoration: none;
	font-size: 0.70em;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: #000000;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	/*
	display: none;
	*/
	color: #FF0000;
	font-size: 1.00em;
}

/* Example of a semitransparent, offset closebutton */
/*  
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url("../highslide/graphics/close.png");
}
*/
	

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/