body, #page, .itemHeading, .pageHeading, .whatsNewLink,  .defaultFontColour {
	color: rgb(102,102,102);
}
.darkFontColour, .normal {
	color: #000000;
}
.itemHeadingSubText,  .lightFontColour {
	color: rgb(149,149,149);
}

body, #page, #content,  .defaultPageBackground, .rightBar {
	background-color: #ffffff
}

body, #page, #bottomBar, .bottomBarText, #content, .listItemHeading, .itemContent, .eventVenue, .defaultTextbox, .defaultTextarea, .formSubHeading, .formContent,  .defaultFont {
	font-family: trebuchet, verdana, tahoma, sans-serif;
	font-size: 10pt
}

.itemHeading, .pageHeading,  .largeFont {
	font-family: verdana, tahoma, sans-serif;
	font-size: 14pt
}

itemSubHeading, .formHeading,  .mediumFont{
	font-family: trebuchet, verdana, tahoma, sans-serif;
	font-size: 12pt
}
.itemHeadingSubText, .listItemReadMoreAnchor, .topBarMenuLink, .float1, .float2, .inactiveMenuItem,  .smallFont {
	font-family: trebuchet, verdana, tahoma, sans-serif;
	font-size: 8pt;
}
BODY {
	margin:4% 0px;
  margin-top:0px; 
  padding:0px; /* Need to set body margin and padding to get consistency between browsers. */
	text-align:center; /* Hack for IE5/Win */
	
}

#page {
  background-repeat:repeat-y;
  /*background-position:1%;*/
  background-image:url("/images/corp/left.bar.fade.vert.jpg");
  position:absolute;
  left:0px;
  width:94%;
  margin-left:3%;
  margin-right:auto;
	margin-top:10px;
	text-align:left; /* Counteract to IE5/Win Hack */
	/*padding:15px;*/
	margin-bottom: 200px;
}
#topBar {
  clear:left;
	background-image: url("/images/corp/top.bar.fade.gif");
	background-repeat: repeat-y;
	height: 5px;
	font-size: 0pt;
	width: 100%
}
#topBarMenu {
	background-image: url("/images/corp/top.wave.gif");
	background-color: #6476b3;
	background-repeat: no-repeat;
	float: right;
	height: 39px;
	width: 300px;
	display: block;
	text-align: center;
	margin-top:20px;
	color: white;
	z-index:10100
}
.topBarMenuLink:hover {text-decoration:underline}
.topBarMenuLink {
	letter-spacing: 2px;
	color: white;
	font-weight:bold;
	text-decoration: none
}
#bottomBar {
  margin-top:15px;
  float:left;
	background-color: #4d6190;
	color: #ffffff;
	height: 23px;
	padding-top: 3px;
	width: 100%
}
#bottomBar1 {
	padding-left: 5px;
}
#bottomBar2 {
	padding-right: 5px;
	float: right;
	text-align: right
}
.bottomBarText {
	text-decoration: none;
	color: #ffffff
}
.bottomBarSeparater {
	color: #000000;
	background-color: inherit
}
/* Classes ------------------------------------------------------- */
.link {
	cursor: pointer;
	color: navy;
	text-decoration: underline
}
.inactiveLink {
	color: silver
}
legend.default {
	font-weight: bold;
}
.defaultTextbox {
	border: 1px solid silver;
	height: 17px;
	background-color: rgb(250,250,250);
	width: 200px
}
.defaultTextarea {
	border: 1px solid silver;
	height: 100px;
	background-color: rgb(250,250,250);
	width: 200px
}
.formSuperContainer {
	border: 0px;
	text-align: center;
	width: 100%
}
.formContainer {
	text-align: left;
	width: 500px
}
.formErrorText {
	color: red;
	text-decoration: blink
}
.formHeading {
	background-color: transparent;
	font-weight: bold;
	line-height: 21px;
	width: 100%
}
.formFrame {
	background-color: #ffffff;
	color: inherit;
  border: 1px solid silver;
	text-align: left;
	width: 100%
}
.formTop {
	background-color: #404040;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	width: 100%
}
.formSubHeading {
	background-color: #505050;
	font-weight: bold;
	width: 100%
}
.formContent {
	background-color: #ffffff;
	color: inherit;
	font-weight: normal;
	width: 100%
}
.formLabel, .supplierFormLabel {
	display: block;
	float: left;
	margin-right: 4px;
	text-align: right;
	width: 110px
}
.formTextBox {
	border: 1px solid black
}
.moreLink {
	color: blue;
	background-color: inherit
}
.supplierFormLabel {
  width:70px
}
.crafterName {
	color: inherit;
	background-color: inherit;
	font-family: georgia, tahoma, arial, serif;
	font-size: 15pt;
	font-weight: bold;
	line-height: 21px
}
.crafterAddress {
	background-color: inherit;
	color: inherit;
	font-family: georgia, tahoma, arial;
	font-size: 9pt;
	font-style: italic
}
.synopsisText {
	font-style: italic;
	position: relative;
	top: -5px;
	padding-left: 8px
}
.headingSubText {
	font-family: verdana, tahoma, san-serif;
	font-size: 9pt;
	font-style: italic;
	margin-bottom: 10px
}
.articleHeading {
  color:inherit;
  background-color:transparent;
	font-family: georgia, tahoma, arial, sans-serif;
	font-size: 15pt;
	font-weight: bold;
	line-height: 21px
}
.articleSubHeading, .craftMarketSubHeading {
	background-color: transparent;
	font-family: georgia, tahoma, arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: rgb(103,103,180);
	letter-spacing:0px;
	line-height: 21px
}

.craftMarketSubHeading {
  margin-top:7px;
}

.pageHeading {
	background-color: transparent;
	color: inherit;
	padding-bottom:3px;
	font-weight: bolder;
	line-height: 21px;
	margin-bottom: 10px;
	/*font-variant: small-caps;*/
	font-size: 25px
}
.pageSubHeading, .pageSubHeading2 {
  /* background-color: rgb(255,207,179);*/
  background: url(/images/border/tc.jpg);
	font-family: verdana, tahoma, sans-serif;
	font-size: 14pt;
	color: white;
	letter-spacing:1px;
	font-weight: normal;
	margin-bottom:15px;
	margin-right:140px;
	padding-left:2px;
	padding-bottom:2px;
	padding-bottom:2px;
	line-height: 21px
}

.pageSubHeading2 {
  margin-right:5px
}

.pageContent {
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 9pt;
	line-height: 22px;
	margin-bottom: 0px;
}
.listItemThumbNail {
  float:left;
  margin-right:5px
}

.listItem {
	margin-top: 20px;
	border: 1px solid silver;
	width: 400px;
	padding: 5px;
	background-color: rgb(252,252,252)
}
.listItemHeading {
	font-weight: bold;
	margin-bottom: 5pt
}
.listItemReadMoreAnchor {
	color: rgb(102,102,153);
	cursor: pointer;
	font-weight: bold;
	text-decoration: none
}
.itemHeading {
  margin-bottom:3px;
	color: rgb(86,86,86);
	font-weight: bold
}
.itemSubHeading {
	color: rgb(231,57,0);
	font-weight: bold;
	margin-bottom: 10px
}
.itemHeadingSubText {
	font-style: italic;
	margin-bottom: 10px
}
.itemImage {
  float:left;
  margin-right:5px
}
.itemContentSpecial, .itemContent {
	color: rgb(86,86,86);
	margin-bottom: 10px
}
.itemContentSpecial {
	font-style: italic
}
button {
	margin-left: 5px;
	width: 60px
}
ul {
	margin-left: 0px;
	line-height: 20px;
	list-style-type: disc
}
li {
	list-style-position: outside;
	margin-left: 14px
}
#content {
  background-image: url("/images/corp/left.bar.corner.gif");
/*  background-position: top left;*/
  background-position: 1px 0px;
  background-color:transparent;
  position:relative;
  padding-top:40px;
  background-repeat: no-repeat;
  margin-left:167px;
	line-height: 16px;
	padding-left: 34px;
	padding-bottom:0px;
	min-height:355px;
  	/*height:355px*/
	
}
#contentStart {
	float: left;
	width: 0px;
	height: 10px
}
.block {
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 8px;
	font-size: 8.5pt;
	font-weight: normal;
	font-style: italic;
	width: 234px;
	padding: 0px;
	margin-right: 0px;
	text-align: left;
	border-left:0px solid silver;
	border-right:0px solid silver
}
.blockHeader {
	color:white;
  background:gray;
	font-size: 9pt;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
}
.blockContent {
	padding-left: 3px;
	width: 100%;
}
.blockFooter {
	background-color: rgb(230,230,230);
	font-size: 7.5pt;
	font-weight: normal;
	font-style: normal;
	margin-top: 5px;
	width: 100%;
	text-align: right;
}

.whatsNewLink:hover  { color:red}

.whatsNewLink {
	display: inline;
	line-height: 20px;
	font-style: italic;
	cursor: pointer;
	text-decoration: underline
}
.whatsNewLine {
	color: green
}

.whatsNewSubHeading {
  padding-left:1px;
  font-style: normal;
  font-weight:bold;
  background:#efefef;
  margin-top:8px;
  border-bottom:1px solid black;
  width:100%
}

#footer {
	background-color: #f3f1f1;
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	font-size: 8.2pt;
	height: 17px;
	padding-bottom: 3px;
	text-align: center;
	letter-spacing: 1px;
	width: 100%;
}
#menuContentBar {
  float:left;
	background-image: url("/images/corp/left.bar.fade.gif");
	background-repeat: repeat-x;
	background-color: #f3f4fa;
	border-left: 1px solid #9094af;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
  width:167px;
  position:absolute;
  left:0px
}
#menuContentBar_Inside {
	font-size: 10pt;
	padding-left: 5px
}
.menuItem:hover {color:rgb(255,0,0)}
.menuItem {
	cursor: pointer;
	color: #000000;
	font-size: 9pt;
	font-family: arial;
	letter-spacing: 1px;
	line-height: 30px;
	list-style-type: none
}
.inactiveMenuItem {
	cursor: default;
	text-decoration: none
}
.rightMenu, .rightMenuForFloats {
	letter-spacing: 1px;
	padding:0px;
	margin:0px;
	margin-bottom:25px;
	margin-right:5px;
	border-bottom:1px solid silver;
	margin-top:-5px;
}

.rightMenuForFloats {
  margin-right:140px;
}

.rightMenuItem {
	padding:0px;
	margin:0px;
	margin-right:4px;
  display: inline;
	cursor: pointer;
	color: rgb(0,53,255);
	line-height: 30px;
	font-size: 8pt;
	letter-spacing: 1px
}

.rightBar {
	float: right;
	height: 100%;
	width: 116px;
	margin-left: 5px;
	margin-bottom: 10px;
	line-height: 30px;
	letter-spacing: 1px;
	padding-left: 20px;
	z-index:99
}

.compendiumRightMenu {
}
input#sa {
	width: 106px;
	height: 25px;
}
.eventVenue, .itemBanana {
	float: right;
	width: 220px;
	position: relative;
	background-color: #efefef;
	padding: 4px;
	padding-right: 3px;
	margin-left: 3px;
	margin-right: 1px
}

.craftMarketContactDetails, .supplierContactDetails {
  float: right;
	width: 220px;
	position: relative;
	margin-left: 5px;
}

.eventVenue {
	width: 170px;
	padding-right: 5px
}
.craftMarketContactDetails {
	line-height: 21px;
	max-width: 270px;
	min-width: 150px;
}

.supplierContactDetails {
	line-height: 21px;
}

.byLine {
	font-style: italic;
	margin-bottom:10px
}
.whatIsNewLink {
	font-size: 7pt;
	text-decoration: none;
	margin-left: 5px
}
.whatIsNewLink:before {
	content: "[";
	text-decoration: none
}
.whatIsNewLink:after {
	content: "]";
	text-decoration: none
}
img.float1, img.float2, .pictureFrame {
	padding:3px;
	border: 1px solid gray
}
.newsletterFrame {
	cursor: pointer;
	background-color: white;
	margin-right: 20px;
	border: 3px solid rgb(200,0,0);
	width: 120px;
	margin-left: 13px
}
.newsletterFrameContent {
	line-height: 16px;
	text-align: center;
	font-size: 8pt;
	margin-top: 0px;
	padding: 4px;
	background-color: #FFFFFF;
	color: #0a0a0a
}
img.float1 {
	display: block;
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	font-style: italic
}
img.float2 {
	display: block;
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	text-align: center;
	font-style: italic
}
div.float1 {
	float: left;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 5px;
	text-align: center;
	font-style: italic
}
div.float2 {
	float: right;
	margin-left: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	text-align: center;
	font-style: italic
}
.logo {
  background-color:#ffffff;
  /*padding-top: 10px;*/
  position:absolute;
	padding-bottom: 12px
}
#googleSearch {
	float: right;
	position: relative
}
.labelText {
	padding-right: 3px;
	font-weight: bold
}
.contactLabel {
  display:block;
  width:100%;
  background:rgb(236,236,236);
  height:20px;
  font-weight:bold;
  border-bottom:0px solid white
}
.phoneNumber {
	color: rgb(102,0,0)
}

ul.list {
  padding:0px;
  margin:0px;
  margin-left:3px;
}

ol.list {
  padding:0px;
  margin:0px;
  margin-left:10px;
}

.listIndented {
  margin-top:0px;
  list-style-type:circle;
  margin-left:15px
}

td {
  vertical-align:top;
}

.contentWidth {
  width:400px
}

.onlineMarketListing {
  cursor:pointer;
  border:1px solid silver;
  width:220px;
  text-align:left;
  padding:5px;
  margin-left:100px
}

.balloonedSubHeading {
  height:27px;
  padding-left:20px;
  background:url('/images/corp/balloon.xs.gif');
  background-repeat:no-repeat
}

.regionName {
  font-style:normal;
  font-variant:small-caps
}

img.frontLeft, img.alignleft {
  float:left;margin-right:15px;border:1px solid #868686;padding:3px
}
img.frontRight, img.alignright {
  float:right;margin-left:15px;margin-right:5px;border:1px solid #868686;padding:3px
}

input.login {
	border:1px solid silver;width:177px;font-size:1.1em;margin-top:1px;margin-bottom:4px
}

/*Grid*/
table.grid{ font-size:0.9em; background:rgb(244,244,244)}
td.header { border-top:1px dotted silver;
            font-weight:bold}
td.left {   border-bottom:1px dotted silver;
            border-left:1px dotted silver;
            padding:2px;padding-bottom:0px}
td.right {  border-bottom:1px dotted silver;
            border-right:1px dotted silver;
            border-left:1px dotted silver;
            padding:2px;padding-left:5px;padding-bottom:0px}
td.center { border-bottom:1px dotted silver;
            border-left:1px dotted silver;
            padding:2px;padding-bottom:0px}
/*Grid*/

.normal {
	font-family: trebuchet, verdana, tahoma, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

div.note {
	border:2px solid #e2c822;
	padding:10px;
	background:#fff9d7
}

span.note {
	border:1px solid #e2c822;
	padding:3px 10px 3px 10px;
	background:#fffBB7
}

.blogPost {
  margin-top:10px;
  margin-bottom:25px;
}