/* layout css */
html {
	overflow:				scroll;
}

body {
	background-color:		#fff !important;
	color:					#000;
	font-style:				normal;
	font-weight:			normal;
	font-size:				85%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			150%;
	margin:					0;
	padding:				0;
	width:					775px;
}
/*
Below, color of panel behind header image
*/
#wrapper {
	background-color:		white !important;
	color:					#000;
	margin:					0 !important;
	padding:				0 !important;
	width:					775px;
}
/*
Below, Details of header image
*/
#header {
	border:					0px solid #000;
	background-color:		#fff;
	background-image:		 url('/images/shop_header.gif');
	background-position:	left;
	background-repeat:		no-repeat;
	color:					#002E78;
	height:					108px;
	margin:					0 0 0 0;
	padding:				0;
	width:					800px;
}
/*
Below, (background-color) is colour of menu background
*/
#menu {
	background-color:		#CCD4E4 !important;
	clear:					right;
	color:					#002e78 !important;
	float:					left;
	margin:					0;
	padding:				0;
	width:					200px;
}

#internalMenu {
	margin:					5px;
	padding:				10px 5px;
}

#content {
	background-color:		#fff !important;
	clear:					right;
	color:					#000;
	float:					left;
	margin:					0;
	padding:				0;
	width:					600px;
}

#internalContent {
	color:					#000;
	margin:					20px 0 0 10px;
	padding:				0;
}

#footerSpacer {
	height:					1px;
}

#footerContent1 {
	color:					#000;
	margin:					10px 0 0 5px;
	padding:				0;
	vertical-align:			baseline;
}

#footerContent {
	margin:					0;
	text-align:				right;
	font-style:				normal;
	font-weight:			bold;
	font-size:				100%;
	font-family:			Arial, Helvetica, sans-serif;
}
#subFooter {
	background-color:		#fff !important;
	clear:					both;
	color:					#000;
	height:					0 !important;
	margin:					0 !important;
	padding:				0 !important;
}
/*
Below, (color) is colour of menu text
*/
#internalMenu ul li a {
	background-color:		transparent !important;
	color:					#0000 !important;
	text-decoration:		none;
}

/*#internalMenu ul li a:hover, a:active, a:focus {
	text-decoration:		underline;
}*/

#member { padding: 10px; text-align: right; }

#navigation {
	margin:					0;
	padding:				40px 0 0 !important;
	text-align:				right;
	font-style:				normal;
	font-weight:			bold;
	font-size:				100%;
	font-family:			Arial, Helvetica, sans-serif;
}



/* default css */

h1.social {
	background-color:		transparent !important;
	color:					#002e78;
	font-style:				normal;
	font-weight:			bold;
	font-size:				125%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					50px 0 15px !important;
	padding:				0 !important;
}

h1  {
	background-color:		transparent !important;
	color:					#002e78;
	font-style:				normal;
	font-weight:			bold;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 0 15px !important;
	padding:				0 !important;
	text-decoration:		none;
}

/*a:hover, a:active, a:focus {
	background-color:		transparent !important;
	color:					#cc0000;
	font-style:				normal;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 0 15px !important;
	padding:				0 !important;
	text-decoration:		underline;
}
*/
h1 {
	background-color:		transparent !important;
	color:					#000;
	font-style:				normal;
	font-weight:			bold;
	font-size: 				16px;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 0 15px !important;
	padding:				0 !important;
	text-decoration:		none;
}


h2 {
	background-color:		transparent !important;
	color:					#000;
	font-style:				normal;
	font-weight:			bold;
	font-size:				14px;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 !important;
	padding:				0 !important;
}

h3 {
	background-color:		transparent !important;
	color:					#000;
	font-style:				normal;
	font-weight:			normal;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 !important;
	padding:				0 !important;
}

h4 {
	background-color:		transparent !important;
	color:					#000;
	font-style:				normal;
	font-weight:			bold;
	font-size:				125%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					5px 0 10px !important;
}

h5 {
	background-color:		transparent !important;
	color:					#000;
	display:				block;
	font-style:				normal;
	font-weight:			bold;
	font-size:				100%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					15px 0 5px 0 !important;
}

br.clear {
	clear:					both !important;
	margin:					0;
	padding:				0;
}

br.spacer {
	clear:					both !important;
	margin:					50px 0;
	padding:				0;
}

em.showcase {
	background-color:		transparent !important;
	color:					#000;
	font-style:				italic;
	font-weight:			normal;
	font-size:				75%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					5px 0 10px !important;
}

em.notice {
	background-color:		transparent !important;
	color:					#000;
	font-style:				italic;
	font-weight:			normal;
	font-size:				100%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					5px 0 10px !important;
}

ul {
	margin:					0 !important;
	padding:				0 !important;
}
/*
Below, (Border-top) is colour of menu divider line
*/
ul li {
	border-top:				thin solid #000;
	font-style:				normal;
	font-size:				95%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			125%;
	list-style-type:		none;
	margin:					2px 0 !important;
	padding:				10px 2px 7px !important;
}
/*
Below, (Border-bottom) is colour of menu base line
*/
ul li.bottom {
	border-bottom:			thin solid #000;
}

a {
	background-color:		transparent !important;
	color:					#002e78;
	font-style:				normal;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 !important;
	padding:				0 !important;
}


a:hover, a:active, a:focus {
	background-color:		transparent !important;
	color:					#cc0000;
	font-style:				normal;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			100%;
	margin:					0 !important;
	padding:				0 !important;
	text-decoration:		underline;
}

hr {
	border:					thin solid #000;
	margin:					10px 0 15px 0;
}

th {
	/*border-bottom:			1px solid #777;*/
	font-style:				normal;
	font-weight:			bold;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			125%;
	padding:				5px 0;
	text-align:				left;
}



/*
	pseudo classes (search result lists etc)
	First line (listodd) is background colour of odd list item
	Second line, is for evens
*/

.listodd {
	background-color:#ececec;
}

.listeven {
	background-color:#fff;
}


.listelementNb {
	font-style:				normal;
	font-weight:			normal;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
	text-align:				left;
}
.listelement {
	border-bottom:			1px solid #777;
	font-style:				normal;
	font-weight:			normal;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
	text-align:				left;
}

.listelementright {
	border-bottom:			1px solid #777;
	font-style:				normal;
	font-weight:			normal;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
	text-align:				right;
}

.listelementrightNb{
	/*border-bottom:			1px solid #777;*/
	font-style:				normal;
	font-weight:			bold;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			125%;
	padding:				5px 15px;
	text-align:				right;


}

.listheader {
	background-color:		#CCD4E4 !important;
	clear:					right;
	color:					#002e78 !important;
	border-bottom:			1px solid #777;
	font-style:				normal;
	font-weight:			bold;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
}

.listheaderRightBorder {
	background-color:		#CCD4E4 !important;
	clear:					right;
	color:					#002e78 !important;
	border-bottom:			1px solid #777;
	font-style:				normal;
	font-weight:			bold;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
	text-align:				right;
}

.listheaderright {
	background-color:		#CCD4E4 !important;
	clear:					right;
	color:					#002e78 !important;
	/*border-bottom:			1px solid #777;*/
	font-style:				normal;
	font-weight:			bold;
	font-size:				95% !important;
	font-size:				90%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				7px 2px;
	vertical-align:			baseline;
	text-align:				right;
}


.progTable {
	border-bottom:			thin solid #000;
	margin:					0 0 10px 0;
	padding:				0;
}

.progTable th {
	border-bottom:			0 !important;
	font-style:				normal;
	font-weight:			bold;
	text-align:				left;
}

table {
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
}

/*
	form classes
*/

form {
	margin:					0 auto;
	padding:				0;
}

form fieldset {
	border:					1px solid #002e78;
	clear:					both;
	margin:					0 !important;
	padding:				5px !important;
}

form fieldset legend {
	background-color:		#fff;
	color:					#002e78;
	font-style:				normal;
	font-weight:			normal;
	font-size:				100%;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					5px !important;
	padding:				5px !important;
	text-align:				right;
}



/* label classess */

form fieldset label {
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Arial, Helvetica, sans-serif;
	width:					125px;
}



/*
	form inputs
*/

form fieldset input {
	background-color:		#fff;
	border:					1px solid #002e78;
	color:					#000;
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-size:				95% !important;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 5px 3px;
	padding:				2px;
}

form fieldset input.hidden {
	visibility:				hidden;
}

form fieldset select {
	background-color:		#fff !important;
	border:					1px solid #002e78;
	color:					#000;
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-size:				95% !important;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 5px 3px;
	padding:				1px;
}

form fieldset textarea {
	background-color:		#fff !important;
	border:					1px solid #002e78;
	color:					#000;
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 5px 3px;
	padding:				2px;
	width:					350px;
}

form fieldset input.checkbox {
	background-color:		transparent !important;
	border:					0px solid #002e78;
	color:					#000;
	display:				inline;
	float:					left;
	height:					1em;
	margin:					8px 25px 0 5px;
	padding:				0;
	width:					1em;
}

form fieldset input.radio {
	background-color:		transparent !important;
	border:					0px solid #002e78;
	color:					#000;
	display:				inline;
	float:					left;
	height:					1em;
	margin:					3px 20px 5px 10px !important;
	margin:					3px 13px 5px 3px;
	padding:				0;
	width:					1em;
}

form fieldset input.btn {
	background-color:		#fff;
	color:					#000;
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 5px 3px;
	padding:				3px;
	width:					100px !important;
}

form fieldset input.btnLarge {
	background-color:		#fff;
	color:					#000;
	display:				inline;
	float:					left;
	font-style:				normal;
	font-weight:			normal;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0 5px 3px;
	padding:				3px;
	width:					130px !important;
}

form fieldset .required {
	background-color:		#fae5e5 !important;
	border:					1px solid #002e78 !important;
	color:					#000 !important;
}

form fieldset .error {
	background-color:		#ffffe5 !important;
	border:					1px solid #002e78 !important;
	color:					#000 !important;
}

form fieldset .focused {
	background-color:		#e7f5cc !important;
	border:					1px solid #002e78 !important;
	color:					#000 !important;
}

.Title {
	font-size:				125%;
	font-family:       		Arial, Helvetica, sans-serif;
	color:					#cc0000;
	font-weight:			bold;
}

.body {
	background-color:		#fff !important;
	color:					#000;
	font-style:				normal;
	font-weight:			normal;
	font-size:				10pt;
	font-family:			Arial, Helvetica, sans-serif;
	line-height:			14pt;
	margin:					0;
	padding:				0;
	width:					775px;
}

.tableSearch {
	margin: auto;
	width: 180px;
	border: none;
	padding: 0px;
	font-family:Arial,sans-serif;
	font-size:13px;
	color:#000;
}

.tableResult {
	margin: auto;
	width: 590px;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
	border: 1px solid #777;
	padding: 0px;
	
}


.tableResultNoBorder {
	margin: auto;
	width: 590px;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
	padding: 0px;
	
}
.tableForm {
	background-color:	#CCD4E4;
	margin: auto;
	width: 590px;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
	border: 1px solid #777;
	padding: 0px;
	
}

.tableFormSmall {
	background-color:	#CCD4E4;
	margin: 10px;
	width: 570px;
	font-family:Arial,sans-serif;
	font-size:12px;
	color:#000;
	border: 1px solid #777;
	padding: 8px;
}


.tableSearchResult {
	margin: auto;
	width: 600px;
	font-family:Arial,sans-serif;
	font-size:11px;
	color:#000;
	border: 0px solid #777;
	padding: 0px;
	
}


.formText {
	font-family:Arial,sans-serif;
	font-size:11px;
	border: 1px solid #777;
	margin: 2px 2px 2px 10px;
	/*padding-left: 3px;*/
}

#wrapper {
	background-color:		#fff;
	margin:					auto;
	width:					876px;
	
}

.tableMsg {
	margin: auto;
	width: 750px;
}

.highlightedyellow {
	background-color:#ffffe5;
}

.msg {
	padding: 5px;
}

p {
	margin: 5px 0 5px 0;
}

p.pgTitle {
	font-size: 1em;
	color: #000;;
	font-weight: bold;
	margin: 0 0 5px 15px;
}

p.title {
	font-size: 1em;
	color: #000;;
	margin: 0 0 5px 0;
}

select.list {
	font: normal 1em Trebuchet MS, sans-serif;
	border: 1px solid #777;
	margin: 2px 2px 2px 0;
}

.ft { font-weight:bold; text-align:left; width:25%; }
.ftb { font-weight:bold; text-align:left; width:25%; border-bottom: 1px solid #cccccc; border-right: 1px solid #cccccc; }
.tf { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; border:1px solid #aaa; padding-left: 5px; }
.tfnum { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; border:1px solid #aaa; text-align:right; padding-left: 5px; }
.tfc { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; border:1px solid #aaa; text-align:center; }
.ta { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; border:1px solid #aaa; padding-left: 5px; }
.st { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; }
.rc { background-color:#e3e3e3; }
.rcg { background-color:#00867e; }
.rcw { background-color:#fff; }
.bn { font: normal 1em/1.4em Arial, Verdana, sans-serif; background-color:#fff; border:1px solid #aaa; }