@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
	margin: 0px;
	padding: 0px;
}
#historical{
	background: #fff url(/_images/layout/historic_bg.jpg) repeat-x top;
	text-align: center;
}
#wrapper {
	background: #fff;
	text-align: left;
	margin: 22px auto 0px;
	padding: 0px;
	width: 960px;
}
#wargamesbanner {
	background: #660000 url(/_images/layout/wargames_banner.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height:117px;
	border-bottom: 1px solid #000;
}
#historicalbanner {
	background: #660000 url(/_images/layout/historic_banner.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height:117px;
	border-bottom: 1px solid #000;
}
#archivebanner {
	background: #660000 url(/_images/layout/archive_banner.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height:117px;
	border-bottom: 1px solid #000;
}
#fantasybanner {
	background: #660000 url(/_images/layout/fantasy_banner.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height:117px;
	border-bottom: 1px solid #000;
}
#museumsbanner {
	background: #660000 url(/_images/layout/museums_banner.jpg) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 960px;
	height:117px;
	border-bottom: 1px solid #000;
}
#logo {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 276px;
	height:116px;
}
#banner_right {

	margin: 0px;
	padding: 0px;
	float: right;
	width: 680px;
}


#banner_right ul{
		margin:0;
		float:right;
		text-align:right;
		margin-right:23px;
		margin-top:8px;
		list-style-type: none;
	}
#banner_right li{
	  display:inline;
	  color: #999;
	  font-size: 80%;
}

#banner_right li a, banner_right li a:visited{
		text-decoration:none;
		color:#fff;
}

#banner_right li a:hover{
		text-decoration:underline;
}

#banner_right form{
		clear:both;
		margin-top:20px;
		margin-right:23px;
		float:right;
		text-align: right;
		border:0;
		width: 300px;
}

#searchbutton{
float: right;
width: 35px;
}

#searchinput{
float: left;
text-align: right;
width: 260px;
}

#basketsummary{
	clear:both;
		width:660px;
		padding-top:15px;
		margin-right:23px;
		float:right;
		text-align:right;
		border:0;
}

#basketsummary p{
color:#fff;
		font-size:80%;
}

#basketsummary a, #basketsummary a:visited{
color:#FFE048;
}
#basketsummary a:hover{
color:#fff;
}



#topnav {
	background: #670001 url(/_images/layout/historical_topnav_bg.jpg) repeat-x top;
	margin: 0px;
	padding: 0;
	width: 960px;
}

#historical #topnav.wargamesmenu {
	background: #403C30 url(/_images/layout/archive_topnav_bg.jpg) repeat-x top;
}

#historical #topnav.fantasymenu {
	background: #222233 url(/_images/layout/fantasy_topnav_bg.jpg) repeat-x top;
}

#historical #topnav.museumsmenu {
	background: #670001 url(/_images/layout/museums_topnav_bg.jpg) repeat-x top;
}

#historical #topnav.archivemenu {
	background: #333333 url(/_images/layout/archive_topnav_bg.jpg) repeat-x top;
}

#historical #topnav.historicalmenu {
	background: #670001 url(/_images/layout/historical_topnav_bg.jpg) repeat-x top;
}


#content {
	margin: 8px 0 0 0;
	padding: 0 0 10px 0;
	width: 960px;
}
#left {
	background: url(/_images/layout/sidemenu_top.gif) no-repeat right top;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 245px;
}
#right {
	margin: 10px 0 0px 0px;
	padding: 0px;
	float: right;
	width: 699px;
}
#fullwidth {
	margin: 10px 0 0px 10px;
	padding: 0px;
	width: 940px;
}

#fullwidth form{
	clear:both;
	margin:0px;
	margin-top:10px;
}

#fullwidth input, #fullwidth select  {
	font-size:x-small;
}

#footer {
	padding: 0 20 0 0;
	margin: 0px;
	width: 940px;
	clear: both;
	text-align: right;
}
.clearit {
	clear: both;
}
img {
	border-style: none;
}

/* Menus */

#topnav ul{
  clear:both;
  margin: 0 0 0 6px;
	padding: 0;
}

#topnav li{
	display: inline;
	font-size: 9pt;
	float: left;
}

#historical #topnav a, #historical #topnav span, #historical #topnav a:visited{
	color: #ffcc00;
	text-decoration:none;
	display: block;
	background: url(/_images/layout/historical_topnav_divide.gif) repeat-y right;
	padding: 6px;
	padding-left:4px;
}

#historical #topnav.wargamesmenu a, #historical #topnav.wargamesmenu span, #historical #topnav.wargamesmenu a:visited{
	background: url(/_images/layout/archive_topnav_divide.jpg) repeat-y right;
}

#historical #topnav.fantasymenu a, #historical #topnav.fantasymenu span, #historical #topnav.fantasymenu a:visited{
	background: url(/_images/layout/fantasy_topnav_divide.jpg) repeat-y right;
}

#historical #topnav.museumsmenu a, #historical #topnav.museumsmenu span, #historical #topnav.museumsmenu a:visited{
	background: url(/_images/layout/museums_topnav_divide.jpg) repeat-y right;
}

#historical #topnav.archivemenu a, #historical #topnav.archivemenu span, #historical #topnav.archivemenu a:visited{
	background: url(/_images/layout/archive_topnav_divide.jpg) repeat-y right;
}


#historical #topnav a:hover{
	color: #ffcc00;
	text-decoration:underline;
	background-color: #330000;
	display: block;

}

#topnav .selected{
	font-style: italic;
	background: #330000;
}


#historical #topnav.wargamesmenu a:hover { background: #444444; }
#historical #topnav.fantasymenu a:hover  { background: #222244; }
#historical #topnav.museumsmenu a:hover  { background: #222266; }
#historical #topnav.archivemenu a:hover  { background: #444444; }

#topnav.wargamesmenu .selected{ background: #222222; }
#topnav.fantasymenu  .selected{ background: #111122; }
#topnav.museumsmenu  .selected{ background: #111133; }
#topnav.archivemenu  .selected{ background: #222222; }



#rangesectionmenu{
width:230px;
}

#rangesectionmenu form { display:inline; }

#rangesectionmenu ul{
		margin:0;
		padding:0;
		margin-left:10px;
		padding-top:20px;
		list-style-type: none;
		
}

#rangesectionmenu ul li{
	font-size: 90%;
	line-height: 1.4em;
}

#rangesectionmenu ul li.unselected a, #rangesectionmenu li.unselected a:visited{
		display:block;
		text-decoration:none;
		color:#330000;
		background-color:#e9e9e9;
		margin: 0 0 2px 0;
}

#rangesectionmenu ul li.unselected a:hover{
text-decoration:none;
background-color:#ffdd75;
}

#rangesectionmenu ul li.selected{
		color:#330000;
		width:220px;
		font-weight:bold;
		background-color:#ffdd75;
		font-style:italic;
}
	
#rangesectionmenu ul li.subselected a, #rangesectionmenu li.subselected a:visited{
		
		text-decoration:none;
		color:#330000;
		font-weight:bold;
background-color:#ffdd75;
		font-style:italic;
		width:220px;
		padding: 0 0 0 0;
		display: block;
}
	
#rangesectionmenu ul li.subselected a:hover{
		text-decoration:none;
		font-style:italic;
		background-color:#660000;
		background-color:#8e3535;
		color: #fff;
}

#rangesectionmenu ul li ul {
		padding:0 0 0 0;
		margin:0;
		list-style-type: none;
		border-bottom: 2px solid #fff;
}

#rangesectionmenu ul li ul li{
		padding:0 0 0 0;
		margin:0px;
}

#rangesectionmenu li ul li.unselected a, #rangesectionmenu li ul li.unselected a:visited{
display: block;
		text-decoration:none;
		color:#330000;
		font-weight:normal;
		background-color:#ffdd75;
		padding: 0 0 0 10px;
		width: 210px;
		margin: 0;
		
		
}

#rangesectionmenu li ul li.unselected a:hover{
color:#fff;
		text-decoration:none;
background-color:#8e3535;
}

#rangesectionmenu li ul li.selected{
		color:#fff;
		font-weight:bold;
		background-color:#660000;
		font-style:italic;
		padding: 0 0 0 10px;
		width: 210px;
		
	}
	
	#rangesectionmenu li ul li.subselected a, #rangesectionmenu li ul li.subselected a:visited{

		text-decoration:none;
		color:#fff;
		background-color:#660000;
		font-weight:bold;
		padding: 0 0 0 10px;
		font-style:italic;
		display:block;
		width: 210px;
	}
	
	#rangesectionmenu li ul li.subselected a:hover{
		color:#fff;
		text-decoration:underline;
		font-style:italic;
		background-color:#8e3535;
	}




#typemenu{
	clear:both;
	float:left;
	margin:0;
	padding:0;
	width:100%;
	line-height:normal;
	font-size:90%;
}
	
	#typemenu ul{
		list-style-type: none;
		margin:0;
		padding:0;
		font-size:85%;
	}
	
	#typemenu li{
		margin:0 0 0 0;
		padding:0;
		float:left;
		background: url(/_images/layout/type_menu_r.jpg) no-repeat right top #400;
		border-bottom: 1px solid #000;
		font-size:x-small;
	}
	
	#typemenu .disabled{
	display: none;
	}
	
	
	#typemenu a, #typemenu a:visited{
		display:block;
		background: url(/_images/layout/type_menu_l.jpg) no-repeat left top;
		padding: 3px 6px 3px 8px;
		color:#ccc;
		text-decoration:none;
	
	}
	
	#typemenu a:hover{
	/*background: url(/_images/layout/type_menu_l_o.jpg) no-repeat left top;*/
	color:#fff;
	text-decoration:underline;
	}
	
	#typemenu li.subselected, #typemenu li.selected {
	  margin:0 1px 0 1px;
		padding:0;
		float:left;
		background: url(/_images/layout/type_menu_r_o.jpg) no-repeat right top;
	}
	
	#typemenu li.subselected a, #typemenu li.subselected a:visited, #typemenu li.selected span , #typemenu li.subselected span {
		display:block;
		background: url(/_images/layout/type_menu_l_o.jpg) no-repeat left top;
		padding: 3px 6px 3px 8px;
		color:#222;
		text-decoration:none;
	}
	
	#typemenu li.subselected a:hover{
		color:#000;
		text-decoration:underline;
	}



#sectormenu{
	clear:both;
	float:left;
	margin:3px 0 20px 0;
	padding:0;
	width:670px;
	line-height:normal;
	font-size:70%;
}
#sectormenu ul{
list-style-type: none;
	margin:0;
	padding:0;
}
#sectormenu li{
	margin:0 2px 0 0;
	padding:0;
	float:left;
	background: url(/_images/layout/sector_menu_r.jpg) no-repeat right bottom;
	border-top: 1px solid #9a9a9a;
}

#sectormenu a, #sectormenu a:visited{
	display:block;
	background: url(/_images/layout/sector_menu_l.jpg) no-repeat left bottom;
	padding: 3px 10px;
	color:#222;
	text-decoration:none;

}

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

#sectormenu ul li.sectorselected{
margin:0 3px 0 0;
	padding:0;
	float:left;
	background: url(/_images/layout/sector_menu_r_o.jpg) no-repeat right bottom;
}

#sectormenu li.sectorselected a, #sectormenu li.sectorselected span, #sectormenu li.sectorselected a:visited{
	display:block;
	background: url(/_images/layout/sector_menu_l_o.jpg) no-repeat left bottom;
	padding: 3px 10px;
	color:#222;
	text-decoration:none;
}

#sectormenu li.sectorselected a:hover{
	color:#000;
	text-decoration:underline;
}



/* Products */

#productarea{
	clear:both;
	width:699px;
	background: url(/_images/layout/top_shad.gif) no-repeat right top;
	margin-top:2px;
	padding-top:8px;
	float: left;
}

.prod{
	width:176px; 
	height:196px; 
	border:2px solid #470000; 
	float:left; 
	margin: 0 30px 30px 0;
	font-size:80%;
}
	.prod .imgwrap{
		width:176px; 
		height:123px; 
	}
	.prod .titlewrap{
		overflow:hidden; 
		font-size:x-small; 
		text-align:center;
	}

.prod .titlewrap a, .prod .titlewrap a:visited{ 
			display:block; 
			padding:10px; 
			width:156px; 
			height:53px; 
			background: #ad4948 url(/_images/layout/prodbox_bg.jpg) bottom left no-repeat; 
			color:#fff; 
			text-decoration:none; 
			font-weight:bold;
		}

.prod .titlewrap a:hover { 
			background: #470000; 
			color:#fff; 
}




.smallprod{
	width:202px; 
	height:76px; 
	border:2px solid #470000; 
	float:left; 
	margin: 0 10px 10px 0;
}
	.smallprod .imgwrap{
		float:left;
		width:100px; 
		height:70px; 
		padding:3px;
	}
	.smallprod .titlewrap{
		float:left;
		overflow:hidden; 
		font-size:x-small; 
		text-align:center;
	}

.smallprod .titlewrap a, .smallprod .titlewrap a:visited{ 
			display:block; 
			padding:5px; 
			width:86px; 
			height:66px; 
			background: #ad4948 url(/_images/layout/prodbox_bg.jpg) bottom left no-repeat; 
			color:#fff; 
			text-decoration:none; 
		}

.smallprod .titlewrap a:hover { 
			background: #470000; 
			color:#fff; 
}





.pagination {
	text-align: right;
	clear: both;
	width: 680px;
	padding-bottom: 20px;
}
.pagination p {
	margin: 0px;
}
.pagination .current {
	font-weight: bold;
	text-decoration: none;
}





#arealinks{
margin: 30px 0 0 20px;
width: 200px;

}


#arealinks{
  margin: 10px 0px 0px 10px;
  padding-top:15px;
}
#arealinks ul{
		margin:0;
		padding:0;
		list-style-type: none;
}

#arealinks ul li{
	font-size: 90%;
	line-height: 1.4em;
}

#arealinks ul li.unselected a, #arealinks ul li a, #arealinks li.unselected a:visited{
		display:block;
		text-decoration:none;
		color:#330000;
		background-color:#eee;
		margin: 0 0 2px 0;
		border:1px solid #ddd;
		width:218px;
}

#arealinks ul li.unselected a:hover, #arealinks ul li a:hover {
    text-decoration:none;
    background-color:#ffdd75;
		border:1px solid #eecc64;
		width:218px;
}

#arealinks ul li.selected{
		color:#330000;
		width:200px;
		font-weight:bold;
    background-color:#ffdd75;
		border:1px solid #eecc64;
		font-style:italic;
		margin: 0 0 2px 0;
		width:218px;
}
	
#arealinks ul li.subselected a, #arealinks li.subselected a:visited{
		
		text-decoration:none;
		color:#330000;
		font-weight:bold;
    background-color:#ffdd75;
		border:1px solid #eecc64;
		font-style:italic;
		width:200px;
		padding: 0 0 0 0;
		display: block;
		width:218px;
}
	
#arealinks ul li.subselected a:hover{
		text-decoration:none;
		font-style:italic;
		background-color:#8e3535;
		border:1px solid #7d2424;
		color: #ffffff;
		width:218px;
}




#arealinks img{
margin: 0 20px 20px 0;
}

/* HTML Styles */

p{
	margin-top: 0;
	font-size: 80%;
	color: #333;
}

a{color:#666; text-decoration:underline;}
a:hover{color:#330000; text-decoration:underline;}

h1{
	color:#660000;
	font-size:115%;
	margin-bottom:5px;
	font-weight: normal;
}
h2{
	color:#660000;
	font-size:medium;
	margin-bottom:5px;
	margin-top: 0px;
	padding-top: 0px;
}
h3{
	color:#660000;
	font-size:small;
	margin-bottom:5px;
	margin-top: 0px;
	padding-top: 0px;
}
h4{color:#660000; font-size:small;margin-bottom:5px;}

#footer p{
color:#666666;
font-size: 70%;
}


/* Product styles */

#proddetail_left{
width: 345px;
float:left;
margin: 6px 0 0 0;
}

#proddetail_right{
	width: 333px;
	float:left;
	margin: 10px 0 0 10px;
}

#proddetail_mainimage{
width: 342px;
text-align:right;
margin: 0 0 10px 0;
}

#proddetail_mainimage img{
  margin:0;
  padding:0;
}

#proddetail_mainimage a{
  text-decoration:none;
  font-size:xx-small;
}

.extendimglink{
padding-right: 10px;
font-size: 70%;
}

#proddetailnext{
background-color:#778;
text-align:center;
float: right;
width: 86px;
padding-top: 1px;
margin-left:10px;
}

#proddetailprev{
background-color:#778;
text-align:center;
float: right;
width: 86px;
padding-top: 1px;
margin-left:10px;
}

#proddetailback{
background-color:#d80;
text-align:center;
float: right;
width: 86px;
padding-top: 1px;
}

#proddetailback p, #proddetailnext p, #proddetailprev p{
margin: 0 0 0 0;
padding: 3px 0 5px 0;
font-size: 70%;
font-weight:bold;
}

#proddetailback a, #proddetailback a:visited, #proddetailnext a, #proddetailnext a:visited, #proddetailprev a, #proddetailprev a:visited{
color: #fff;
text-decoration:none;
}

#proddetailback a:hover{
color: #222;
}

#proddetailnext a:hover, #proddetailprev a:hover{
color: #ffcc00;
}



.prodextras{
	width: 669px;
	background: url(/_images/layout/prod_detail_shad.jpg) no-repeat top;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 15px;
	margin-top: 20px;

}

.prodextras h4{
	margin:0;
	padding:0;
}

.prodextrasbox{
width: 212px;
height:46px;
float:left;
margin: 0 10px 10px 0;
background-color:#666;
overflow:hidden;
}

.prodextrasbox p{
color:#fff;
font-size: 60%;
line-height:10px;
}

.prodextrasbox p strong{
font-size: 120%;
line-height:135%;
}

.prodextrasbox a{
color:#fff;
text-decoration:none;
}

.prodextrasbox img{
float: left;
margin: 1px 2px 1px 1px;
}



.smallprodextras{
	width: 669px;
	background: url(/_images/layout/prod_detail_shad.jpg) no-repeat top;
	padding-right: 10px;
	padding-left: 20px;
	padding-top: 15px;
	margin-top: 20px;

}

.smallprodextras h4{
	margin:0;
	padding:0;
}

.smallprodextrasbox{
width: 212px;
height:46px;
float:left;
margin: 0 10px 10px 0;
background-color:#666;
overflow:hidden;
}

.smallprodextrasbox p{
color:#fff;
font-size: 60%;
line-height:10px;
}

.smallprodextrasbox p strong{
font-size: 120%;
line-height:135%;
}

.smallprodextrasbox a{
color:#fff;
text-decoration:none;
}

.smallprodextrasbox img{
float: left;
margin: 1px 2px 1px 1px;
}

.pricebox{
clear: both;
width: 310px;
padding: 5px;
margin: 0 0 5px 0;
border: 1px dashed #666;
}

.pricebox p{
margin: 0;
padding: 0 0 0 0;
}

.priceboxtext{
float: left;
width: 220px;
}

.priceboxbasket{
	width: 90px;
	float: right;
	text-align: right;
}


.price {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
}

.discountprice {
	font-size: 100%;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 0px;
	color:#700; text-decoration:line-through;
}

p.reccomendedcomponents{
	font-size:75%;
	margin:0;
	margin-top:3px;
}


.formarea                       { width:450px; clear:both; margin-bottom:10px; font-size:small;}
.formcontentleft                { width:170px; float:left; text-align:right; margin-right:10px; font-weight:bold;}
.formcontentright               { width:270px; float:left; }
	.formarea em          { width: 10px; float:left; color:#900; font-size:large; font-weight:bold;}
	.formcontentright input       { width:250px; float:left; }
	.formcontentright span        { width:250px; float:left; }
	.formcontentright input.radio { width:auto;  float:left; }
	.formcontentright select      { width:256px; float:left; }
.formbuttonarea                 { width:270px; float:left; text-align:right; }


div.stampeditor span{
	clear:both;
	float:left;
	width:650px;
	border:1px solid #a99;
	padding:10px;
	margin-top:10px;
}

	div.stampeditor span span{
		clear:none;
		display:block;
		margin:0;
		padding:0;
		float:left;
		margin-right:10px;
		width:200px;
		border:0;
	}
	
	div.stampeditor span span.wide{
		width:620px;
	}
		div.stampeditor span span.wide input{
			width:auto;
		}

		div.stampeditor span span.pc50{
			width:315px;
		}

		div.stampeditor span span input{
			width:100%;
		}
		div.stampeditor span span.narrow input{
			width:auto;
		}
		div.stampeditor span span select{
			width:100%;
		}
		div.stampeditor span span textarea{
			width:100%;
		}

	div.stampeditor span span.fourcol{
		width:150px;
		font-size:70%;
	}


	div.stampeditor span img{
		float:left;
		margin-right:10px;
	}
	div.stampeditor span select{
		font-size:xx-small;
	}
	div.stampeditor span input{
		font-size:x-small;
	}
	div.stampeditor span textarea{
		font-size:x-small;
	}

#admin_menu {
	font-size:xx-small; 
	position:absolute; 
	left:3px; 
	top:3px; 
	width:68px;
	height:8px;
	background-color:#fff;
	text-align:left;
	border:1px solid #888;
	padding:5px;
	overflow:hidden;
	filter: alpha(opacity=90); 
	opacity: 0.9;
}
	#admin_menu span {
		margin:0;
		padding:0;
		float:right;
		font-size:small;
		position:relative; 
		top:-5px;
	}
		#admin_menu span a{
			text-decoration:none;
		}
	#admin_menu form {
		display:inline;
	}

	#admin_menu ul        { list-style-type:none; margin:0; padding:0; margin-top:3px; }
	#admin_menu ul        { margin-left:2px;     }
	#admin_menu ul.level2 { margin-left:12px;     }
	#admin_menu ul.level3 { margin-left:22px;     }
	#admin_menu ul.level4 { margin-left:32px;     }
	#admin_menu ul.level5 { margin-left:42px;     }
	#admin_menu ul.level6 { margin-left:52px;     }

	#admin_menu li.selected { color:#900; font-weight:bold; font-size:x-small; }
	#admin_menu li.selectedinactive { color:#55b; font-weight:bold; font-size:x-small; }

	#admin_menu li.inactive a { color:#55b; }

	#admin_menu li.subselected { font-weight:bold; font-size:x-small; }
	#admin_menu li.subselected a { color:#900; }
	#admin_menu li.subseledtedinactive { font-weight:bold; font-size:x-small; }
	#admin_menu li.subseledtedinactive a { color:#55b; }

#addedtobasketpopup{
  display:block;
  width:300px; height:auto; text-align:center; font-size:130%;
  position:absolute; top:320px; left:500px;
  background-color:#fea; padding:30px; border:3px solid #444;
}

.blockcontrols{
  clear:both;
  float:left;
}
  .blockcontrols form{
    display:inline;
  }

.rightimg{
  clear:both;
  float:left;
  width:680px;
  margin-bottom:15px;
}
  .rightimg img {
    float:right;
    border:1px solid #ccc;
    margin-left:10px;
    margin-bottom:10px;
  }

.leftimg{
  clear:both;
  float:left;
  width:680px;
  margin-bottom:15px;
}
  .leftimg img {
    float:left;
    border:1px solid #ccc;
    margin-right:10px;
    margin-bottom:10px;
  }

.imgonly{
  clear:both;
  float:left;
  width:680px;
  text-align:center;
  margin-bottom:15px;
}
  .imgonly img {
    border:1px solid #ccc;
  }
  .imgonly object {
    border:1px solid #ccc;
  }

.imgonlyfloat{
  float:left;
  text-align:center;
  margin-bottom:15px;
  margin-right:15px;
}

.noimg{
  clear:both;
  float:left;
  width:680px;
  margin-bottom:15px;
}

#left .rightimg     {width:220px; clear:both; margin-bottom:20px;}
#left .leftimg      {width:220px; clear:both; margin-bottom:20px;}
#left .imgonly      {width:220px; clear:both; margin-bottom:20px;}
#left .imgonlyfloat {width:220px; clear:both; margin-bottom:20px;}
#left .noimg        {width:220px; clear:both; margin-bottom:20px;}

#right .sitemap ul                       { list-style-type:none; margin:0; padding:0; }
#right .sitemap ul.level1                { margin-left:15px;     margin-top:20px;     font-weight:bold;   font-size:100%;}
#right .sitemap ul.level2                { margin-left:35px;     margin-top:5px;      font-weight:normal; font-size:90%;}
#right .sitemap ul.level3                { margin-left:55px;     margin-top:2px;      font-weight:normal; font-size:80%;}
#right .sitemap ul.level4                { margin-left:75px;     margin-top:2px;      font-weight:normal; font-size:70%;}
#right .sitemap ul.level5                { margin-left:95px;     margin-top:2px;      font-weight:normal; font-size:60%;}
#right .sitemap ul.level6                { margin-left:115px;    margin-top:2px;      font-weight:normal; font-size:50%;}

#right .sitemap li                       { margin-top:3px; }

#right .sitemap li.selected              { color:#900; font-weight:bold; font-size:x-small; }
#right .sitemap li.selectedinactive      { color:#55b; font-weight:bold; font-size:x-small; }

#right .sitemap li.inactive a            { color:#55b; }

#right .sitemap li.subselected           { font-weight:bold; font-size:x-small; }
#right .sitemap li.subselected a         { color:#900; }
#right .sitemap li.subseledtedinactive   { font-weight:bold; font-size:x-small; }
#right .sitemap li.subseledtedinactive a { color:#55b; }


td.basket_delivery_cell
{
  border-top:1px solid  #cbb; 
  color:#000; 
  font-weight:normal; 
  padding:10px 0px 10px 0px;
  text-align:right;
  font-size:small; 
}
  
  td.basket_delivery_cell form
  {
    padding-top:10px;  
    color:#900; 
  }
    td.basket_delivery_cell form div
    {
      margin-bottom:4px;
    }
      td.basket_delivery_cell form div span
      {
        float:left; 
        padding-top:2px; 
        width:120px;
      }

  td.basket_delivery_cell.info
  {
    padding:15px 0px 10px 20px; 
    color:#070;
    border-bottom:1px solid #cbb; 
    border-right:1px dashed #cbb;
    text-align:left;
  }
  
  td.basket_delivery_cell.title
  {
    padding-right:9px; 
    color:#666;
  }
  
  td.basket_delivery_cell.strong
  {
    font-weight:bold;
  }
  
  td.basket_delivery_cell.topdashed
  {
    border-top:dashed; 
  }
  
  td.basket_delivery_cell.bottomline
  {
    border-bottom:1px solid #cbb;
    font-size:medium;
  }


span a.green_button       { border: 2px solid #090; background-color:#2b4; color:#fff; display:block; padding:5px; text-decoration:none; text-transform:uppercase; font-size:medium; }
span a.green_button:hover { border: 2px solid #0b0; background-color:#6d4; color:#fff; }
                                                                                       
span a.red_button         { border: 2px solid #700; background-color:#d64; color:#fff; display:block; padding:5px; text-decoration:none; text-transform:uppercase; font-size:medium; }
span a.red_button:hover   { border: 2px solid #b00; background-color:#f64; color:#fff; }
                                                                                       
span a.blue_button        { border: 2px solid #007; background-color:#42b; color:#fff; display:block; padding:5px; text-decoration:none; text-transform:uppercase; font-size:medium; }
span a.blue_button:hover  { border: 2px solid #00b; background-color:#46d; color:#fff; }
                                                                                       
input.green               { border: 2px solid #090; background-color:#2b4; color:#fff; display:block; padding:3px; text-decoration:none; text-transform:uppercase; font-size:medium !important; }
input.green:hover         { border: 2px solid #0b0; background-color:#6d4; color:#fff; cursor:pointer;}                                                                                              
                                                                                                                                                                                      
input.red                 { border: 2px solid #700; background-color:#d64; color:#fff; display:block; padding:3px; text-decoration:none; text-transform:uppercase; font-size:medium !important; }
input.red:hover           { border: 2px solid #b00; background-color:#f64; color:#fff; }                                                                                              
                                                                                                                                                                                      
input.blue                { border: 2px solid #007; background-color:#42b; color:#fff; display:block; padding:3px; text-decoration:none; text-transform:uppercase; font-size:medium !important; }
input.blue:hover          { border: 2px solid #00b; background-color:#46d; color:#fff; }

h1 a {
  text-decoration:none;
}

h1 a:hover {
  text-decoration:none;
  color:#000;
}

p.youarehere           { color:#060; }
p.youarehere a         { color:#060; }
p.youarehere a:visited { color:#060; }
p.youarehere a:hover   { color:#600; }
p.youarehere a:active  { color:#600; }




#orderdetails
{
  clear:both;
  width:910px;
  padding:10px;
  border:1px solid #ccc;
  font-size:small;
}
  #orderdetails p
  {
    font-size:small;
  }
  #orderdetails .entry
  {
    clear:both;
    float:left;
    margin:0;
    padding:0;
    margin-bottom:5px;
    width:426px;
  }
    #orderdetails .entry .label
    {
      float:left;
      margin-right:10px;
      width:90px;
      font-weight:bold;
      margin:0;
      padding:0;
    }
    #orderdetails .entry .data
    {
      float:left;
      margin:0;
      padding:0;
      width:260px;
    }
  #orderdetails #orderinfo
  {
    clear:both;
    float:left;
    width:427px;
    padding:10px;
    border:1px solid #ccc;
    height:180px;
  }
  #orderdetails #customerinfo
  {
    float:right;
    width:427px;
    padding:10px;
    border:1px solid #ccc;
    height:180px;
  }
#addresses
{
  clear:both;
  width:910px;
  padding:10px;
  border:1px solid #ccc;
  font-size:small;
  margin-top:10px;
}
  #addresses p
  {
    font-size:small;
  }
  #addresses #billaddress
  {
    clear:both;
    float:left;
    width:427px;
    padding:10px;
    border:1px solid #ccc;
    height:240px;
  }
  #addresses #shipaddress
  {
    float:right;
    width:427px;
    padding:10px;
    border:1px solid #ccc;
    height:240px;
  }

#orderproducts
{
  clear:both;
  float:left;
  width:910px;
  padding:10px;
  border:1px solid #ccc;
  margin-top:10px;
  font-size:x-small;
}

  #orderproducts .product
  {
    width:906px;
    border:2px solid #ccc;
    border-top:0;
    border-bottom:1px solid #ccc;
  }

  #orderproducts .heading
  {
    width:906px;
    border:2px solid #ccc;
    font-weight:bold;
  }

  #orderproducts .sub-total
  {
    width:910px;
    border:0;
    border-top:1px solid #ccc;
  }

  #orderproducts .shipping
  {
    margin-left:571px;
    width:337px;
    border-left:2px solid #ccc;
    border-top:1px solid #ccc;
    font-weight:bold;
  }

  #orderproducts .coupon-discount
  {
    margin-left:571px;
    width:337px;
    border-left:2px solid #ccc;
    border-top:1px solid #ccc;
    font-weight:bold;
  }

  #orderproducts .order-total
  {
    margin-left:571px;
    width:337px;
    border:2px solid #ccc;
    border-right:0;
    font-weight:bold;
  }

    #orderproducts .WideLeft        { padding:2px; border-right:2px solid #ccc; height:15px; width:567px; float:left; overflow:hidden; text-align:right; font-weight:bold;}
    #orderproducts .WideRight       { padding:2px; border-right:1px solid #ccc; height:15px; width:275px; float:left; overflow:hidden; text-align:right; font-weight:bold;}
    #orderproducts .Total           { padding:2px; border-right:2px solid #ccc; height:15px; width:51px; float:left; overflow:hidden; text-align:right;}
/*
    #orderproducts .ItemID          { padding:2px; border-right:1px solid #ccc; height:65px; width:35px; float:left; overflow:hidden; }
    #orderproducts .ProductQty      { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; }
    #orderproducts .ItemCode        { padding:2px; border-right:1px solid #ccc; height:65px; width:70px; float:left; overflow:hidden; }
    #orderproducts .StockLocation   { padding:2px; border-right:1px solid #ccc; height:65px; width:70px; float:left; overflow:hidden; }
    #orderproducts .ProductType     { padding:2px; border-right:1px solid #ccc; height:65px; width:60px; float:left; overflow:hidden; }
    #orderproducts .ItemName        { padding:2px; border-right:1px solid #ccc; height:65px; width:90px; float:left; overflow:hidden; }
    #orderproducts .ItemType        { padding:2px; border-right:1px solid #ccc; height:65px; width:95px; float:left; overflow:hidden; }
    #orderproducts .ItemRoyalties   { padding:2px; border-right:2px solid #ccc; height:65px; width:80px; float:left; overflow:hidden; }
    #orderproducts .OrderItemQty    { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .ItemPrice       { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .GrossItemValue  { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .ItemDiscValue   { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .ItemDiscPcnt    { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .OrderCountryVAT { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .ItemVATPercnt   { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .Currency        { padding:2px; border-right:1px solid #ccc; height:65px; width:30px; float:left; overflow:hidden; text-align:right;}
    #orderproducts .NetItemValue    { padding:2px; border-right:0px solid #ccc; height:65px; width:50px; float:left; overflow:hidden; text-align:right;}
*/
		#orderproducts .ItemID                   { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden; }
		#orderproducts .ItemCode                 { padding:2px; border-right:1px solid #ccc; height:65px; width: 70px; float:left; overflow:hidden; }
		#orderproducts .ItemName                 { padding:2px; border-right:1px solid #ccc; height:65px; width:152px; float:left; overflow:hidden; }
		#orderproducts .ItemRoyalties            { padding:2px; border-right:1px solid #ccc; height:65px; width: 70px; float:left; overflow:hidden; }
		#orderproducts .OrderCountryVAT          { padding:2px; border-right:1px solid #ccc; height:65px; width: 25px; float:left; overflow:hidden; }
		#orderproducts .ItemVATPercnt            { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden; }
		#orderproducts .StockLocation            { padding:2px; border-right:1px solid #ccc; height:65px; width: 65px; float:left; overflow:hidden; }
		#orderproducts .OrderCoupon              { padding:2px; border-right:1px solid #ccc; height:65px; width: 55px; float:left; overflow:hidden; }
		#orderproducts .Currency                 { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ItemPrice                { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .OrderItemQty             { padding:2px; border-right:1px solid #ccc; height:65px; width: 25px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .GrossItemValue           { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ItemDiscPercent          { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ItemDiscValue            { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ItemDiscNett             { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .GlobalDiscpercent        { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .GlobalOrderDiscountValue { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .NetwebsiteValue          { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ECSLDeductVAT            { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .ValueForTradeDisc        { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .tradediscPercent         { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .TradeDiscountValue       { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .eXVATValue               { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .VATValuePaid             { padding:2px; border-right:1px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}
		#orderproducts .InvOrderValue            { padding:2px; border-right:0px solid #ccc; height:65px; width: 35px; float:left; overflow:hidden;  text-align:right;}


div.tradeloginbutton{
  margin-top:10px;
}

div.tradeloginbutton a.button       
{ 
  border: 2px solid #090; 
  background-color:#2b4; 
  color:#fff; 
  display:block; 
  padding:5px; 
  text-decoration:none; 
  text-transform:uppercase; 
  font-size:medium;
  width:206px;
  text-align:center;
}
div.tradeloginbutton a.button:hover
{
  border: 2px solid #700; 
  background-color:#d64; 
  color:#fff;
}


.admintradeform{
  margin-bottom:20px;
  border:1px solid #ccc;
  font-size:xx-small;
  background-color:lightyellow;
}

.admintradeform .cell
{
  float:left; 
  width:136px; 
  padding-left:3px; 
  margin-right:3px; 
  padding-right:3px; 
  /*border-right:1px solid #ccc;*/
}

.admintradeform input {
  width:90%;
  margin-bottom:5px;
}

.admintradeform select {
  width:90%;
  margin-bottom:5px;
}


.admintradeshow{
  margin-bottom:20px;
  border:1px solid #ccc;
  font-size:xx-small;
  padding:3px;
  width:932px;
}

.admintradeshow .cell
{
  float:left; 
  width:136px; 
  padding-left:2px; 
  margin-right:2px; 
  padding-right:2px; 
  /*border-right:1px solid #ccc;*/
}

.admintradeshow input {
  width:90%;
  margin-bottom:5px;
}


div.qoFormRow {
	clear:both;
	float:left;
	width:100%;
	margin:0;
	padding:0;
	margin-bottom:3px;
}


div.qoLeftCell {
	border:1px solid #777;
	padding:10px;
	width:280px;
	height:277px;
	float:left;
	margin-right:12px;
	text-align:left;
	margin-bottom:12px;
	padding-bottom:0;
}

div.qoRightCell {
	border:1px solid #777;
	padding:10px;
	width:280px;
	float:left;
	text-align:left;
	margin-bottom:12px;
	padding-bottom:0;
}

div.qoWideCell {
	border:1px solid #777;
	padding:10px;
	width:915px;
	float:left;
	margin-right:12px;
	text-align:left;
	margin-bottom:12px;
}

	div.qoFormRow p.label {
		float:left; width:90px;
	}
		
		div.qoFormRow p.entry {
			float:right; width:180px;
			margin:0;
			padding:0;
		}
	
			div.qoFormRow p.entry input{
				width:170px;
			}
	
			div.qoFormRow p.entry select{
				width:176px;
			}


#divLogin{
	float:left; width:461px; margin-top:20px;
}
	#divLogin form{
		margin:0;
		padding:0;
	}
	
	#divLogin h2{
		margin-bottom:10px;
	}
	
		#divLogin h2.error{
			color:#600;
		}
		
		#divLogin h2.info{
			color:#093;
		}


#divBillingAddress{
	float:left; width:280px; margin-right:20px; margin-top:10px; margin-bottom:20px;
}
	
	#divBillingAddress h2{
		margin-bottom:10px;
	}

#divShippingAddress{
	float:left; width:280px; margin-right:20px; margin-top:10px; margin-bottom:20px;
}
	
	#divShippingAddress h2{
		margin-bottom:10px;
	}

	#divComments{
		float:left;
		width:270px;
	}
	
	p.formparagraph{
	  clear:both; float:left; width:280px; margin-bottom:3px;
	}
	
	  span.formparagraphleft{
	  	font-size:9pt;
	  	float:left; width:110px; font-weight:bold;
	  }
	  
	  span.formparagraphright{
	  	float:left; width:165px; padding-left:5px;
	  }
	  
	p.formparagraphwide{
		clear:both; float:left; width:280px; margin-bottom:3px;
	}

#divRegister{
	float:left; width:270px; margin-top:10px;
}
	
	#divRegister h2{
		margin-bottom:10px;
	}

#divPassword{ 
	float:left; display:block;
}

#divMailouts{
	float:left; margin-top:5px;
}

#preorderproducts{
	width:915px;
	padding:10px;
	border:1px solid #ccc;
	background-color:#ffc;
}