HTML {
	height: 100%;
}

BODY {
	background-color: #2182bd;
	margin: 0;
	height: 100%;
}

BODY, TD {
	font: normal normal 10pt Arial, Helvetica, sans-serif;
	color: black;
}

FORM {
	margin: 0;
}

SELECT {
	margin: 1px 0;
}

INPUT[type=text],
INPUT[type=password] {
	margin: 1px 0;
}

INPUT[type=radio],
INPUT[type=checkbox] {
	margin: 3px 0 4px 0;
}

A {
	color: blue;
}

A:Hover {
	color: darkblue;
}

/* Layout classes */

.Masthead {
	background-image: url(../Images/masthead_back.jpg);
	background-repeat: repeat-y;
	height: 90px;
	padding-top: 5px;
	border-right: 1px solid #1c5f8b;
	border-left: 1px solid #1c5f8b;
}

.Masthead TD {
	font: normal normal 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.Masthead A {
	color: black;
	text-decoration: none;
}

.Masthead A:Hover {
	color: gray;
	text-decoration: underline;
}

.TopMenu {
	background-image: url(../Images/menu_back.jpg);
	background-repeat: repeat-y;
	width: 661px;
	height: 22px;
}

.Content {
	background-image: url(../Images/masthead_shadow.png);
	background-repeat: repeat-x;
	background-position: top;
	padding: 25px 7px;
	border-right: 1px solid #1c5f8b;
	border-left: 1px solid #1c5f8b;
}

/* Layout */

#content {
	width: 600px;
	padding: 0;
}

#footer {
	background-color: #086dce;
	font: normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 2px;
	color: white;
	text-align: center;
	border-right: 1px solid #1c5f8b;
	border-left: 1px solid #1c5f8b; 
}

/* Tabs */

.LeftTab {
	background-color: #e7eaef;
	border-right: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	border-left: 1px solid lightgrey;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.LeftTab A {
	color: blue;
	text-decoration: none;
}

.LeftTab A:Hover {
	color: darkblue;
	text-decoration: underline;
}

.LeftTab_Left {
	width: 0;
	height: 18px;
}

.LeftTab_Center {
	background-image: url(../Images/left_menu_head.jpg);
	background-repeat: repeat-y;
	color: white;
	font-weight: bold;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 19px;
	padding: 1px 5px 0 5px;
}

.LeftTab_Right {
	width: 0;
	height: 18px;
}

.RightTab {
	background-color: #ecf0f5;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.RightTab A {
	color: blue;
	text-decoration: none;
}

.RightTab A:Hover {
	color: darkblue;
	text-decoration: underline;
}

.RightTab_Left {
	background-image: url(../Images/blue_left.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 28px;
}

.RightTab_Center {
	background-image: url(../Images/blue_back.gif);
	background-repeat: repeat-x;
	font: normal normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	height: 28px;
	padding-top: 2px;
}

.RightTab_Right {
	background-image: url(../Images/blue_right.gif);
	background-repeat: no-repeat;
	width: 5px;
	height: 28px;
}

/* Menu modifiers */

.catalogue {
	padding: 5px;
	cursor: pointer;
	cursor: hand;
	border-bottom: 1px solid lightgrey;
}

.catalogue_item {
	padding: 5px;
	cursor: pointer;
	border-top: 1px solid lightgrey;
	background-image: url(../Images/left_menu_back.jpg);
	background-repeat: repeat-y;
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.catalogue_over {
	background-image: url(../Images/left_menu_back2.jpg);
	background-repeat: repeat-y;
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.catalogue_item A:active,
.catalogue_item A:link,
.catalogue_item A:visited,
.catalogue_item A:hover,
.catalogue_item A {
	color: #333333;
	text-decoration: none;
}

.category_item {
	padding: 5px;
	cursor: pointer;
	border-top: 1px solid lightgrey;
	background-color:white;
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.category_over {
	background-color:#e5f3fc;;
	color: #333333;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.category_item A:active,
.category_item A:link,
.category_item A:visited,
.category_item A:hover,
.category_item A {
	color: #333333;
	text-decoration: none;
}

.Breadcrumb {
	border-top: 1px solid lightgrey;
	border-bottom: 1px solid lightgrey;
	background-color: whitesmoke;
}

.Breadcrumb A {
	color: blue;
	text-decoration: none;
}

.Breadcrumb A:Hover {
	text-decoration: underline;
}

#menu {
	border: 1px solid #E1EAFB;
	background-color: #E3F0F7;
	padding: 10px;
	color: #234EB1;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

#menu A { color: #234EB1; }
#menu A:Hover { color: #0099FF; }

/* Text */

H1 {
	color: #2486C2;
	font : bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

H2 {
	color: #2486C2;
	font : bold italic 14px Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}

.Small {
	font: normal normal 8pt Arial, Helvetica, sans-serif;
}

.Tiny {
	font: normal normal 7pt Arial, Helvetica, sans-serif;
}

P {
	margin: 0 0 10px 0;
	line-height: 140%;
}

/* Colours */

.BorderAll { border: 1px solid lightgrey; }
.BorderTop { border-top: 1px solid lightgrey; }
.BorderRight { border-right: 1px solid lightgrey; }
.BorderBottom { border-bottom: 1px solid lightgrey; }
.BorderLeft { border-left: 1px solid lightgrey; }

.Row_0 { background-color: white; }
.Row_1 { background-color: lightyellow; }

.Strike {
	color: gray;
	text-decoration: line-through;
}

.Red {
	color: red;
}

.Gray {
	color: gray;
}

.Whitesmoke {
	background-color: whitesmoke;
}

.Error {
	background-color: yellow;
	border: 1px solid red;
	margin-bottom: 15px;
	text-align: center;
	padding: 2px;
}

/* Content classes */

.Box_Blue .Box_Head {
	background-image: url(../Images/head_blue.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: white;
	font: normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 11px 7px 11px;
}

.Box_Blue .Box_Body {
	background-color: #F1F8FC;
	border: 1px solid #BEDBED;
	margin-bottom: 20px;
}

.Box_Blue .Box_Body A   { color: #234EB3; }
.Box_Blue .Box_Body .BR { border-right: 1px solid #BEDBED; }
.Box_Blue .Box_Body .BT { border-top: 1px solid #BEDBED; }

/* */

.Box_Green .Box_Head {
	background-image: url(../Images/head_green.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: white;
	font: normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 11px 7px 11px;
}

.Box_Green .Box_Body {
	background-color: #EFF6EA;
	border: 1px solid #D5E1CE;
	margin-bottom: 20px;
}

.Box_Green .Box_Body A   { color: #2D5141; }
.Box_Green .Box_Body .BR { border-right: 1px solid #D5E1CE; }
.Box_Green .Box_Body .BT { border-top: 1px solid #D5E1CE; }

/* */

.Box_Orange .Box_Head {
	background-image: url(../Images/head_orange.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: white;
	font: normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 11px 7px 11px;
}

.Box_Orange .Box_Body {
	background-color: #F8F8E6;
	border: 1px solid #F3E7B1;
	margin-bottom: 20px;
}

.Box_Orange .Box_Body A   { color: #ED9500 }
.Box_Orange .Box_Body .BR { border-right: 1px solid #F3E7B1; }
.Box_Orange .Box_Body .BT { border-top: 1px solid #F3E7B1; }

/* */

.Box_Black .Box_Head {
	background-image: url(../Images/head_black.png);
	background-repeat: no-repeat;
	background-position: top left;
	color: white;
	font: normal normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 11px 7px 11px;
}

.Box_Black .Box_Body {
	background-color: #F8F8F8;
	border: 1px solid #CBC9C9;
	margin-bottom: 20px;
}

.Box_Black .Box_Body A   { color: black; }
.Box_Black .Box_Body .BR { border-right: 1px solid #B6B6B6; }
.Box_Black .Box_Body .BT { border-top: 1px solid #B6B6B6; }

/* Other Content */

.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.tooltip {
	background-color: lightyellow;
	border: 1px solid #999999;
	position: absolute;
	z-index: 100;
	padding: 0;
	cursor: move;
}

.tooltip .caption {
	background-color: darkblue;
	color: white;
}

#checkout_basket TD {
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	padding: 2px 0;
}

#view_basket TD {
	font: normal normal 9pt Arial, Helvetica, sans-serif;
	padding: 2px 0;
}