body {
	margin:				0px;
	font-family:		Verdana, Helvetica, sans-serif;
	padding:			4px 0px 4px 0px;
	background-color:	#ccffcc;
}

.page {
	position:			relative;
	width:				100%;
	text-align:			center;
	font-size:			1.0em;
}

.innerPage {
	position:			relative;
	width:				968px;
	margin:				0px auto;
	font-size:			1.0em;
	background-image:url(/img/zigzag.gif);
	padding:			16px 16px 16px 16px;
}

.fullPane {
	position:			relative;
	width:				968px;
	margin:				0px auto;
	font-size:			1.0em;
	background-image:	url(/img/background.gif);
	background-repeat:	repeat-x;
	font-size:			0.7em;
}

.headerHolder {
	background-color:	#00ff00;
	margin:				0px 0px 0px 0px;
	border-bottom:		4px solid #0000ff;
	padding:			10px 20px 10px 20px;
	width:				928px;
	height:				120px;
	position:			relative;
	clear:				both;
	text-align:			left;
}

.headerLeft {
	width:				116px;
	position:			relative;
	float:				left;
}

.homeImg {
	border:				0px none;
}

.headerNavi {
	position:			relative;
	float:				left;
	width:				612px;
	text-align:			center;
	padding:			16px 0px 0px 0px;
}

h1 {
	color:				#0000ee;
	font-size:			1.20em;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

h2 {
	color:				#000000;
	font-size:			1.2em;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

h3 {
	color:				#0000ee;
	font-size:			1.0em;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

.navi
{
	position:			relative;
	width:				612px;
	text-align:			center;
	font-size:			12px;
	overflow:			visible;
	padding:			20px 0px 0px 0px;
	color:black;
}
.naviRow1 {
	position:			relative;
	height:				20px;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	z-index:			100;
	text-align:			center;
}

.naviRow2 {
	position:			relative;
	height:				20px;
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	z-index:			90;
}

.naviRow1 div, .naviRow2 div {
	display:			inline;
	height:				20px;
	margin:				0px 0px 0px 0px;
	padding:			3px 2px 0px 22px;
	background-image:	url(/img/link-blob.gif);
	background-repeat:	no-repeat;
}
#naviCon4 a, #naviCon9 a {
	color:				red;
}
.navi div div a
{
	overflow:			visible;
	vertical-align:		middle;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none;
	color:				black;
	z-index:			110;
}
.navi div div a:hover, #naviCon4 a:hover {
	color:				white;
	text-decoration:	none;
	z-index:			120;
}

.headerStrapline {
	padding:			10px 0px 0px 0px;
	font-size:			10px;
}

.headerRight {
	float:				left;
	width:				200px;
	height:				120px;
	overflow:			hidden;
}

#headerImg {
	width:				200px;
	height:				120px;
	border:				0px none;
}

.mainHolder {
	background-color:	#ccffcc;
	background-image:	url(/img/background.gif);
	background-repeat:	no-repeat;
	background-position:top center;
	width:				968px;
	padding:			20px 0px 10px 0px;
	position:			relative;
	clear:				both;
	text-align:			left;
	overflow:			hidden;
}

.mainHolder2 {
	background-color:	#ccffcc;
	width:				968px;
	padding:			0px 0px 10px 0px;
	position:			relative;
	clear:				both;
	text-align:			left;
	overflow:			hidden;
}

.mainContent {
	position:			relative;
	width:				708px;
	float:				left;
	padding:			0px 20px 0px 20px;
	text-align:			left;
}

.mainContent2 {
	clear:				both;
	position:			relative;
	width:				708px;
	float:				left;
	padding:			0px 20px 0px 20px;
	text-align:			left;
}

.mainNews {
	position:			relative;
	width:				180px;
	float:				left;
	padding:			0px 20px 0px 20px;
	text-align:			left;
}

.showArea {width:180px; position:relative; }
.showArea div a {float:left; position:relative; }
.showArea div a img {float:left; position:relative; border: 0px none;}
.showArea div.showOn {display:block;}
.showArea div.showOff {display:none;}

.flashHolder {
	clear:				both;
	width:				180px;
	text-align:			center;
}

.footerHolder {
	background-color:	white;
	width:				968px;
	height:				16px;
	overflow:			hidden;
	position:			relative;
	clear:				both;
	color:				black;
	font-size:			10px;
	border-top:			1px solid black;
	padding:			2px 0px 2px 0px;
}

.footerHolder a, .footerHolder a:link, .footerHolder a:active, .footerHolder a:visited {
	color:				black;
	text-decoration:	none;
}

.footerHolder a:hover {
	text-decoration:	underline;
}

a, a:link, a:active, a:visited {
	color:				blue;
	text-decoration:	none;
}

a:hover {
	text-decoration:	underline;
}

p {
	padding:			0px 0px 10px 0px;
	margin:				0px 0px 0px 0px;
}

.floatRight200 {
	padding:			0px 0px 10px 10px;
	margin:				0px;
	width:				200px;
	float:				right;
	position:			relative;
	text-align:			center;
}

.floatLeft200 {
	padding:			0px 10px 10px 0px;
	margin:				0px;
	width:				200px;
	float:				left;
	position:			relative;
	text-align:			center;
}

.floatRight200 img, .floatRight200 img {
	border:				0px none;
}

.newsPreview {
	font-size:			0.8em;
}

.socialButton {
	position:			relative;
	width:				125px;
	height:				15px;
	border:				0px none white;
	margin:				0px 0px 0px 15px;
	float:				left;
}

.socialDivTop {
	width:				100%;
	height:				24px;
	padding:			0px 0px 10px 40px;
	position:			relative;
}

.socialDiv {
	width:				708px;
	padding:			0px 0px 0px 40px;
	position:			relative;
}

.socialTitle {
	float:				left;
	position:			relative;
	margin:				0px 20px 0px 0px;
	padding:			2px 0 0 0;
}

.socialButtons {
	float:				left;
	position:			relative;
}

hr {
	color:				#0000ee;
	background-color:	#0000ee;
	height:				1px;
	border:				0px none white;
	clear:				both;
}

.rightTitle {
	font-family:		Arial, Helvetica, sans-serif;
	font-weight:		bold;
	font-size:			1.2em;
	padding:			0px 0px 0px 0px;
margin:0px 0px 0px 0px;
position:relative;
display:block;
}

.blogBox {
width:100%;
overflow:hidden;
position:relative;
padding:0px 0px 10px 0px;
clear:both;
}

.blogBoxLeft {
width:30px;
height:40px;
padding:1px 1px 1px 1px;
border:1px dashed #0000ee;
background-color:#ffffff;
float:left;
position:relative;
}

.blogBoxRight {
float:left;
padding:1px 1px 1px 10px;
position:relative;
width:135px;
font-size:0.8em;
}

.blogBoxDay {
font-size:1.0em;
font-weight:bold;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#000000;
}

.blogBoxMonth {
font-size:1.0em;
font-weight:bold;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#0000ee;
}

.blogBoxYear {
font-size:0.8em;
text-align:center;
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
color:#000000;
}

.blogBoxRight h2 {
font-size:1.0em;
font-weight:bold;
padding:0px;
margin:0px 0px 0px 0px;
}

.readBlogEntry {
font-weight:bold;
}

.bull {
color:#000000;
}

.strong {
	font-weight:			bold;
}

.newsListWrapper {
position:relative;
clear:both;
height:20px;
padding:5px 0px 5px 0px;
}

.newsListDate {
position:relative;
width:100px;
float:left;
text-align:right;
padding:0px 5px 0px 0px;
}

.newsListItem {
position:relative;
float:left;
font-weight:				bold;
}

.blogImage {
background-color:white;
border:1px solid #0000ee;
width:302px;
padding:10px 10px 10px 10px;
float:right;
}

.blogImage img {
border:1px solid #0000ee;
width:300px;
}

img.blogSimpleImg {
float:right;
padding:0px 0px 10px 10px;
}

.blogImageWrapper {
float:right;
width:322px;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 10px;
text-align:center;
}


.formInput {
	width:				320px;
}

.formTextarea {
	width:				320px;
	height:				100px;
}

.formForm, .formP {
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
}

.formDiv {
	overflow:			visible;
}

.verifyDiv {
float:left;

}

.verifyInput {
width:78px;
border:1px solid black;
color:#cc0000;
height:18px;
text-align:center;
font-weight:bold;
}

.floatRightDiv300 {
	float:				right;
	padding:			0px 0px 10px 10px;
	width:				300px;
}

.smallFont {
	font-size:			0.8em;
}

.linksTable {
	border:				0px;
}

.linksTable td {
	padding:			2px 3px 2px 3px;
}

.historyTable {
	border:				0px;
	width:				100%;
}

.historyTd1	{
	padding:			2px 3px 2px 3px;
	width:				200px;
	vertical-align:		top;
}

.historyImg {
	width:				200px;
	border:				0px;
}

.historyTd2	{
	padding:			2px 3px 2px 3px;
	text-align:			left;
	vertical-align:		middle;
}

.videoFloatLeft {
	width:				110px;
	float:				left;
	padding:			10px 30px 10px 0px;
	text-align:			center;
}

.videoFloatRight {
	width:				200px;
	float:				right;
	padding:			0px 0px 10px 10px;
	text-align:			center;
}

.price {
	font-size:			1.6em;
	color:				#0000ee;
	font-weight:		bold;
}

.shipping {
	font-size:			0.8em;
	color:				#000000;
	font-weight:		lighter;
}

.notice {
	color:				red;
	background-color:	white;
	padding:			10px 10px 10px 10px;
	margin:				0px 0px 10px 0px;
	font-weight:		bold;
	text-align:			center;
	border:				1px solid black;
}

.noticeHome {
	color:				black;
	background-color:	white;
	padding:			10px 10px 10px 10px;
	margin:				0px 0px 10px 0px;
	font-weight:		bold;
	text-align:			center;
	border:				1px solid black;
	font-size:			10px;
	position:			relative;
}

.noticeHome .highlight {
	color:				red;
}

.noticeHome a {
	text-decoration:	underline;
}

.noticeHome a:hover {
	text-decoration:	none;
}

.noticeHome img.music {
	position:			absolute;
	top:				5px;
	left:				12px;
    _left:              -24px;
}

.noticeHome img.apple {
	position:			absolute;
	top:				5px;
	right:				16px;
    _right:             36px;
}

.noticeHome img.heart {
	position:			absolute;
	top:				5px;
	right:				16px;
    _right:             36px;
}

.qty {
	font-size:			1.2em;
	font-weight:		bold;
}

.paypalButton {
	border:				0px;
}

.fartShopFloatRight {
	float:				right;
	padding-left:		10px;
	clear:				right;
}

.fartShopTable {
}

.fartShopTable td {
	padding:			5px 10px 5px 10px;
}

.fartShopTd3 {
	text-align:				center;
	vertical-align:		middle
}

.shoppingLink {
	font-size:			1.2em;
	font-weight:		bold;
}

.redFont {color:red}

.redBold {
	font-weight:		bold;
	color:				red;
}

.redBoldSmall {
	font-weight:		bold;
	color:				red;
	font-size:			0.7em;
}

.shoppingImg {
	border:				0px;
}

.shoppingNotices {
	width:				708px;
	text-align:			center;
}

.postageTable {
}

.postageTd1 {
	width:				200px;
	vertical-align:		top;
	font-size:			0.8em;
}

.postageTd2 {
	width:				16px;
	vertical-align:		top;
}

.postageTd3 {
	width:				200px;
	vertical-align:		middle;
	font-size:			0.8em;
}

.guestbookNewTable {
	padding:			0px 0px 0px 0px;
	margin:				0px 0px 0px 0px;
	border:				1px solid black;
}

.guestbookNewTableInner {
	margin:				0px 0px 0px 0px;
	padding:			0px 0px 0px 0px;
	width:				90%;
}

.guestbookNewTableInner td {
	padding:			2px 2px 2px 2px;
}

.center {
	width:				100%;
	text-align:			center;
}	

.guestbookMessage {
	font-weight:		bold;
	color:			#000099;
}

.guestbookName {
	font-weight:		bold;
	color:			#006600;
}

.floatRight150 {
	padding:			0px 0px 10px 10px;
	margin:				0px;
	width:				150px;
	float:				right;
	position:			relative;
	text-align:			center;
	font-size:			0.8em;
	font-weight:		bold;
}

div.downloadRow {
	clear:				both;
	padding:			0px 0px 10px 0px;
	position:			relative;
	width:				708px;
}

div.downloadImgDiv {
	width:				95px;
	float:				left;
	position:			relative;
	text-align:			center;
}

img.downloadImg {
	width:				90px;
	height:				68px;
	border:				2px solid #0000ee;
}

div.downloadDesc {
	color:				#330099;
	font-weight:		bold;
	padding:			10px 20px 0px 20px;
	width:				568px;
	float:				right;
	position:			relative;
}

div.videoRow {
	width:				708px;
	position:			relative;
	padding:			10px 0px 0px 0px
}

div.videoPlayerDiv {
	width:				320px;
	padding:				0px 10px 0px 0px;
	position:			relative;
	float:				left;
	text-align:			center;
}

div.videoTitlesDiv {
	width:				378px;
	position:			relative;
	float:				right;
}

div.videoTitleRow {
	width:				378px;
	position:			relative;
	clear:both;
}

div.videoImgDiv {
	width:				60px;
	height:				45px;
	padding:			0px 10px 10px 0px;
	float:				left;
}

img.videoImg {
	width:				60px;
	height:				45px;
	border:				0px none;
}

div.videoDescDiv {
	position:			relative;
	float:				right;
	width:				300px;
	font-size:			0.8em;
	padding:			0px 0px 10px 0px;
}

table.basketTable {width:100%; border:0px;}
tr.basketHeader {font-weight:bold;}
td.tdBold {font-weight:bold;}
input.basketSubmit { background-color:#0000ff; border: 2px solid #00ff00; color:white; font-weight:bold; cursor:pointer;}
.basketTable form {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}

.basketNotice {
	color:				black;
	background-color:	white;
	padding:			10px 10px 10px 10px;
	margin:				0px 0px 10px 0px;
	text-align:			left;
	border:				1px solid black;
	margin-top:			20px;
	position:relative;
}

.fontBold {font-weight:bold;}

.basketArea {
	position:			relative;
	width:				200px;
	height:				100px;
	margin:				20px 0px 0px 0px;
}

.basketHeading {position:absolute; right:5px; top:0px; font-weight:bold; text-align:right; font-size:14px;}
.basketTotal {position:absolute; right:5px; top:30px; text-align:right; font-size:14px;}
.basketTotalPrice {color:#0000ff;}
a.viewBasketLink {position:absolute; right:28px; top:60px; text-align:right; font-size:14px;}
a.basketIcon {position:absolute; right:5px; top:60px;}
.basketIcon img {border:0px;}

.subFooterFartglobe {
	position:			relative;
	width:				968px;
	margin:				0px auto;
	font-size:			12px;
	clear:				both;
	text-align:			center;
	margin-top:			20px;
}

.subFooterFartglobe a, .subFooterFartglobe a img {border:0px none;}

.subFooter {
	position:			relative;
	width:				968px;
	margin:				0px auto;
	font-size:			12px;
	clear:				both;
}

.subFooterNotice {
	width:				968px;
	position:			relative;
	text-align:			center;
	clear:				both;
	margin:				20px 0px 20px 0px;
	height:				20px;
	font-size:			9px;
	color:				#765b01;
}

.subFooterLogos {
	width:				899px;
	height:				80px;
	position:			relative;
	text-align:			left;
	padding:			20px 0px 0px 154px; /* plus half of 170 after dropping myspace */
	font-size:			10px;
	clear:				both;
}

.subFooterLogo {
	width:				150px;
	height:				60px;
	margin:				0px 20px 0px 0px;
	float:				left;
	position:			relative;
	text-align:			center;
}

.subFooterLogoLast {
	width:				150px;
	height:				60px;
	margin:				0px 0px 0px 0px;
	float:				left;
	position:			relative;
	text-align:			center;
}

.subFooter img {width:150px; margin: 0px 0px 10px 0px; padding:0px 0px 0px 0px;}
.subFooter a {color:#765b01; text-decoration:none;}
.subFooter a:hover {text-decoration:underline;}

.clear {clear:both;}

.timeline {width:708px; position:relative; float:left; background: url(/img/timeline-back.gif) repeat-y 0 0; border-top: 2px dashed #666666;}

.timelineRow {width:708px; position:relative; float:left; margin: 10px 0 10px 0; border-bottom: 2px dashed #666666;}

.timelineDate  {width:100px; margin: 0 8px 0 0; position:relative; float:left; text-align:center;}
.timelineDate span  {border: 1px solid #999999; padding: 5px; background-color: #666666; color:#ffffff; font-weight: bold; display: inline-block;}
.timelineStory {width:600px; position:relative; float:left;}
.timelineStoryAndPicture {width:438px; margin: 0 8px 0 0; position:relative; float:left; }
.timelinePicture {width:154px; position:relative; float:left; margin: 0 0 10px 0;}
.timelinePicture  img {width:150px; position:relative; float:left; border: 2px solid #666666;}

.quote {font-style: italic; font-weight: bold; color: #666666;}
.boldLink {font-weight:bold; text-decoration:underline; color: red ! important; }