body {
	color:						#000000;
	background-color: #ffffff;
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
	font-weight:			400;
	text-align:			 left;
	margin: 0px;
	padding: 0px;
}

#outer {
	/*
	position: absolute;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	*/
	padding: 0px;
	width: 100%;
}

img {
	border: none;
	vertical-align: middle;
}


h1 {
	color:						#090f70;
	font-size:				18px;
}

h3.emphasis {
	color: red;
}

form {
	margin: 0px;
	padding: 0px;	
}
input, textarea {
	font-family:			Arial, Helvetica, sans-serif;
	font-size:				12px;
}

a {
	color:						#000000;
	text-decoration:	none;
}
a:visited {
	color:						#000000;
	text-decoration:	none;
}
a:hover {
	text-decoration:	underline;
}
a.obvious, a.obvious:visited {
	color:				#090f70;
	text-decoration:	underline;
}
a.obvious:hover {
	color:				#BC4E89;
	text-decoration:	underline;
}
a.itemlink, a.itemlink:visited {
	color:				#090f70;
	text-decoration:	underline;
}
a.itemlink:hover {
	color:				#BC4E89;
	text-decoration:	underline;
}
a.email, a.email:visited {
	color:				#090f70;
	text-decoration:	underline;
}
a.email:hover {
	color:				#BC4E89;
	text-decoration:	underline;
}

td {
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	12px;
	vertical-align: top;
}

dl {
	font-weight:			600;
}
dd {
	color:						$panel['related']['fg'];
	background-color:	$panel['related']['bg'];
	font-weight:			400;
}

table.shrink {
	width:	90%;
	margin: 0 auto;
}

div {
	margin: 0;
	padding: 0;
}

div.boxed {
	border: 1px solid #6666ff;
}


div.deleted {
	background:url('/store/img/ui/bg_deleted.gif');
}

strong.required {
	color:	#b40000;
}

/* -------------------------------------------------------------------------
	The set of CRITICAL table classes are for the alerts at the top of page
	------------------------------------------------------------------------- */
table.critical {
	width: 100%;
	background: #ff8888;
	color:	#aa0000;
	border: 1px solid #BC4E89;
}

/* -------------------------------------------------------------------------
	The set of PANEL table classes make nice little boxed areas
	------------------------------------------------------------------------- */
table.panel {
	color:						#000000;
	background-color: #ffffff;
	padding: 0px;
	margin:	0 auto;
	width:	100%;
	border:	2px solid #000;
}
table.panel td {
	font-size:	12px;
	padding:		0px 3px;
	vertical-align:	top;
}
table.panel tr.header td {
	color:						#ffffff;
	background-color: #333;
	padding:					1px 3px;
	margin:					0px;
	border-top:			none;
	vertical-align:	middle;
}
table.panel tr.item_header td {
	font-size:			1.3em;
	color:						#ffffff;
	background-color: #333;
	padding:					1px 3px;
	margin:					0px;
	border-top:			none;
	vertical-align:	middle;
}
table.panel tr.header img {
	vertical-align:	middle;
}
table.panel tr.header a {
	font-size:				12px;
	color:						#ffffff;
	background-color: #333;
}
table.panel tr.header a.current {
	font-weight:		600;
}
table.panel tr.subheader td {
	font-weight:		600;
	padding:				0px 2px 0px 2px;
	border-top:			1px solid #000;
}
table.panel tr.caption td {
	font-weight:		600;
	padding:				0px 2px 0px 2px;
}
table.panel tr.list td {
	border-top: 1px solid #000000;
}
table.panel tr.listfaint td {
	border-top: 1px solid #cfe1fc;
}
table.panel tr.listunavailable td,
table.panel tr.listunavailable td a {
	color:						#000000;
	background-color: #cfe1fc;
	border-top: 1px solid #ffffff;
}

table.panel tr.unavailable td a {
	color:						#000000;
	background-color: #cfe1fc;
}

table.panel tr.listdeleted td,
table.panel tr.listdeleted a {
	color:						#000;
	background-color: #ffffff;
	border-top: 1px solid #000;
}

table.panel tr.current td {
	color:						#bbb;
	background-color: #bbb;
	xborder-top:			1px solid #000;;
}
table.panel tr.current a {
	color:						#000000;
	background-color: #bbb;
}
table.panel td.spacious {
	padding: 10px;
	vertical-align: top;
}
table.panel td.roomy {
	padding: 4px;
	vertical-align: top;
}
table.panel td.indent {
	font-size:	12px;
	padding:		0px 3px 0px 12px;
	vertical-align:	middle;
	text-indent: -8px;
}
table.panel tr.mid td {
	vertical-align: middle;
}

table.panel tr.row_a td {
	background-color: #dddddd;
	color: #000000;
}
table.panel tr.row_b td {
	background-color: #ffffff;
	color: #000000;
}

.related table.panel {
	color:						#000000;
	background-color: #ffffff;
	padding: 0px;
	margin:	0 auto;
	width:	100%;
	border:	2px solid #333;
}

.related table.panel tr.header td {
	color:						#ffffff;
	background-color: #bbb;
	padding:					1px 3px;
	margin:					0px;
	border-top:			none;
	vertical-align:	middle;
}

.minibasket table.panel {
	color:						#000000;
	background-color: #ffeeee;
	padding: 0px;
	margin:	0 auto;
	width:	100%;
	border:	2px solid #b40000;
}

.minibasket table.panel tr.header td {
	color:						#ffffff;
	background-color: #b40000;
	padding:					1px 3px;
	margin:					0px;
	border-top:			none;
	vertical-align:	middle;
}

.minibasket table.panel tr.header a {
	font-size:				12px;
	color:						#ffffff;
	background-color: #b40000;
}


.basket table.panel {
	width: 60%;
}

/* -------------------------------------------------------------------------
	The GRID table classes make nice little graph areas
	------------------------------------------------------------------------- */
table.grid {
	vertical-align: middle;
}

table.grid tr.first td {
	border-top: 1px solid #b40000;
}

table.grid tr.sepparator td {
	border-top: 2px solid #b40000;
}

table.grid td.first {
	border-left: 1px solid #b40000;
}

table.grid td {
	border-right: 1px solid #b40000;
	border-bottom: 1px solid #b40000;
	vertical-align: middle;
	padding: 0px 5px;
}

table.grid tr.header td {
	color:						#ffffff;
	background-color: #b40000;
	border: none;
	vertical-align: bottom;
}

table.grid tr.boldheader td {
	color:						#ffffff;
	background-color: #b40000;
	border: none;
	vertical-align: bottom;
}

table.grid td.boldcurrency {
	font-weight:		600;
	text-align: right;
}

table.grid select {
	font-size: 0.9em;
}

table.grid td.clear {
	border: none;
}

table.grid td.spacer {
	width: 0.3em;
	background-color: #b40000;
}
/* -------------------------------------------------------------------------
	Wizard styles
	------------------------------------------------------------------------- */
table.wizard {
	width: 100%;
	height: 600px;
	background-color: #ffffcc;
}

table.wizard tr.header td {
	font-weight: 600;
	text-align: center;
}

table.wizard td h1 {
	text-align: center;
	color: white;
}
table.wizard td h2 {
	font-size: 2em;
	text-align: center;
	color: #ffcc99;
}

table.wizard td.new_item {
	width: 150px;
	height: 400px;
	background-repeat: no-repeat;
}

table.wizard td.buttons {
	vertical-align: bottom;
	margin: 0;
	padding: 10px;
	text-align: right;
}

table.wizard td.print_item {
	width: 150px;
	height: 400px;
	background-repeat: no-repeat;
}

/* ---- */
div.label_a {
	width: 162mm;
	height: 76mm;
	border: 1px solid black;
	overflow: hidden;
}
div.label_a table {
	width: 162mm;
	height: 76mm;
}
div.label_a td {
	vertical-align: middle;
	font-size: 24pt;
	text-align: center;
	overflow: hidden;
}
/* ---- */
div.label_b {
	width: 115mm;
	height: 35mm;
	border: 1px solid black;
	overflow: hidden;
}
div.label_b table {
	width: 115mm;
	height: 35mm;
}
div.label_b td {
	vertical-align: middle;
	font-size: 16pt;
	text-align: center;
	overflow: hidden;
}
/* ---- */
div.label_c {
	width: 75mm;
	height: 22mm;
	border: 1px solid black;
	overflow: hidden;
}
div.label_c table {
	width: 75mm;
	height: 22mm;
}
div.label_c td {
	vertical-align: middle;
	font-size: 12pt;
	text-align: center;
	overflow: hidden;
}

/* -------------------------------------------------------------------------
	These are some general classes
	------------------------------------------------------------------------- */
.border {
	border: 1px solid black;
}

.right, .currency, .numeric, .currencybuy, .currencyrrp {
	text-align: right;
}
.currencywarning {
	text-align: right;
	background-color: #ffaaaa;
}
.currencyrrp {
	color: #bbbbbb;
	font-style: italic;
}
.currencybuy {
	font-weight: bold;
}

.centre {
	text-align:		center;
}

.centre table {
	margin-left:	auto;
	margin-right:	auto;
}

.stockcode {
	font-family:			Lucida Console, Courier, serif;
	font-size:				10.2px;
	font-weight:			400;
	color:						#000000;
	vertical-align:		middle;
}
.buy, .buy:visited {
	color:				    #333;
	background-color:	#ffffff;
	font-style:				italic;
}
.articlebuy, .articlebuy:visited {
	color:				#B1D9FF;
	background-color:	#ffffff;
	font-size:				14.4px;
	font-weight:			800;
}
.copyright {
	font-size: 10.8px;
}

.error {
	color:	#aa0000;
	background-color:	#ff8888;
	border: 1px solid #aa0000;
}

/* -------------------------------------------------------------------------
	The PAGETABS table classes make the tabs used by the sub-categories
	------------------------------------------------------------------------- */
table.pagetabs tr.header td {
	font-size:				1.0em;
	vertical-align:		middle;
	padding:					1px 10px;
	margin:						0px;
	text-align:				center;
	height:					4em;
}

table.pagetabs tr.header td.selected {
	color:						#000000;
	background-color:	#bbb;
	padding:					0px 3px 0px 10px;
	margin:						0px 3px 0px 10px;
}

table.pagetabs tr.header td.unselected {
	color:						#ffffff;
	background-color:	#333;
	padding:					0px 10px;
	margin:						0px;
	border:						1px solid #000;
}

table.pagetabs tr.header a {
	color:						#ffffff;
	background-color:	#333;
}

table.pagetabs tr.header td.selected a {
	color:						#000000;
	background-color:	#bbb;
}
table.pagetabs tr.header td.selected a.deleted {
	color:						#ffffff;
	background-color:	#333;
}
table.pagetabs tr.header td.unselected a.deleted {
	color:						#ffffff;
	background-color:	#333;
}

/* ------------------------------------------------------------------------- */


table.topnav {
	padding:					0px;
	margin:					0px;
	border-spacing:	0px;
	width:						100%;
	background-color: MainBGinv;
}
table.topnav td {
	background-color: MainBGinv;
	color:						#000000;
	padding: 4px 10px;
}
table.topnav tr.nav td {
	color:						#ffffff;
	background-color: #090f70;
	padding:					0px 10px;
	margin:					0px;
}
table.topnav tr.nav a {
	color:						#ffffff;
	background-color: #090f70;
}
table.topnav tr.nav a:visited {
	color:						#ffffff;
	background-color: #090f70;
}

/* ------------------------------------------------------------------------- */


table.icons {
	background-color: #ffffff;
	border: 1px solid black;
	margin: 10px;
}
table.icons td {
	text-align: center;
	padding: 0px 5px
}
/* ------------------------------------------------------------------------- */


/* Styles for the edit-box enigma-codes */
strong.ecode_header {
	font-size: 2em;
	color: #B1D9FF;
}
strong.ecode_subheader {
	font-size: 1.2em;
	color: #B1D9FF;
}
strong.ecode_bolder {
	font-weight: 700;
}
div.ecode_box {
	border: 1px solid black;
}
/* ------------------------------------------------------------------------- */



/* imported mambo styles */
#header {
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#header table.menu {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* ----------------------------- TOPNAV ------------------------------------ */

#topnav
{
	width: 70%;
	height: 40px;
}

#topnav td
{
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
#topnav ul
{
	color: #ffffff;
	margin-top: 9px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	text-align: left;
}
#topnav li
{
	font-size: 16px;
	font-family: Verdana, Geneva, Arial, sans-serif;
	display: inline;
	padding-left: 14px;
	padding-right: 14px;
	border-right: 1px solid white;
}
#topnav li.last
{
	border-right: none;
}
#topnav a
{
	color: #ffffff;
	text-decoration: none;
}
#topnav a:hover
{
	text-decoration: underline;
}

#toprightnav
{
	width: 30%;
	height: 40px;
}
#toprightnav td
{
	text-align: right;
}
#toprightnav ul
{
	color: #ffffff;
	margin: 5px 0 0 0;
	padding: 0
}
#toprightnav li
{
	display: inline;
	padding-left: 14px;
	padding-right: 14px;
	font-weight: bold;
	font-size: 20px;
}
#toprightnav a
{
	color: #ffffff;
	text-decoration: none;
}
#toprightnav a:hover
{
	color: #ffff00;
	text-decoration: underline;
}

/* ------------------------------ MENU ------------------------------------- */

#menu {
	width: 100%;
}

.contentheading
{
	font-size: 20px;
	font-weight: bolder;
	color: #090f70;
}

.contentpaneopen
{
	text-align: justify;
}

#maininnerfull .contentpaneopen
{
	width: 100%;
}

a.readon, a.readon:visited {
	text-decoration: none;
	color: #666666;
	font-weight: normal;
	font-size: 10px;
}

#header td {
	font-family: Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	vertical-align: top;
	color: #ffffff;
	background-color: #333;
}

#header h2 {
	font-size: 14px;
	font-weight: bold;
}

.moduletablestore {
	width: 100%;
	height: 300px;
	margin: 0;
	padding: 0;
}


/* ------------------------------ Info ------------------------------------- */
div.info {
	margin: 10;
	width: 60%;
	padding: 0 0;
}

div.info div.title {
	padding: 0 5px;
	border: 1px solid	#dddd00;
	background-color: #ffff00;
	color: #555500;
}

div.info div {
	padding: 0 5px;
	border-left: 1px solid #dddd00;
	border-right: 1px solid #dddd00;
	border-bottom: 1px solid #dddd00;
	background-color: #ffffcc;
}

div.icons {
	padding: 3px;
	margin-top: 10px;
	text-align: center;
	width: 100%;
}

div.row {
	border: 1px solid #b40000;
	width: 120px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
}

div.icons div.icon {
	display: inline;
	padding: 0 5px 0 0;
	vertical-align: middle;
}
div.icons div.label {
	display: inline;
	vertical-align: middle;
}