h1 {
	line-height:		30px;
	font-family:		Verdana;
	font-size:			18px;
	font-weight:		normal;
	color:				#229CF1;
	text-decoration:	none;
}

BODY {
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		normal;
	color:				#333333;
	background:			url(../images/background.jpg) repeat-x top left;
	margin:				0px;
	text-align:			center;
}

.FullBody {
	width:				910px;
	margin:				auto;
}

.SignInBarLeft {
	height:				38px;
	background:			url(../images/sign-in-bar-left.gif) no-repeat top left;
}
.SignInBar {
	width:				350px;
	height:				38px;
	background:			url(../images/sign-in-bar-mid.gif) repeat-x top left;
}
.SignInBarRight {
	height:				38px;
	padding:			10px;
	padding-left:		20px;
	text-align:			left;
	background:			url(../images/sign-in-bar-right.gif) no-repeat top right;
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		normal;
	color:				white;
	text-decoration:	none;
}
.SignInBarRight A:link, .SignInBarRight A:visited {
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		normal;
	color:				white;
	text-decoration:	none;
}

.TabBarLeft {
	height:				63px;
	background:			url(../images/tab-bar-left.gif) no-repeat top left;
}
.TabBar {
	height:				63px;
	background:			url(../images/tab-bar-mid.gif) repeat-x top left;
}
.TabBarRight {
	height:				63px;
	background:			url(../images/tab-bar-right.gif) no-repeat top right;
}

.BgColor {
	background:			white;
}
.BgLeft {
	background:			url(../images/bg-box-left.gif) repeat-y top left;
}
.BgRight {
	background:			url(../images/bg-box-right.gif) repeat-y top right;
}
.BgTopLeft {
	background:			url(../images/bg-box-top-left.gif) no-repeat top left;
}
.BgTopMid {
	background:			url(../images/bg-box-top-mid.gif) repeat-x top left;
}
.BgTopRight {
	background:			url(../images/bg-box-top-right.gif) no-repeat top right;
}
.BgBotLeft {
	background:			url(../images/bg-box-bot-left.gif) no-repeat bottom left;
}
.BgBotMid {
	background:			url(../images/bg-box-bot-mid.gif) repeat-x bottom left;
}
.BgBotRight {
	background:			url(../images/bg-box-bot-right.gif) no-repeat bottom right;
}
.BgContainer {
	padding:			10px;
}

.TabLeft {
	width:				15px;
	height:				63px;
	background:			url(../images/tab-sel-left.gif) no-repeat bottom left;
	float:				left;
}
.Tab {
	height:				63px;
	background:			url(../images/tab-sel-mid.gif) repeat-x bottom left;
	float:				left;
}
.TabRight {
	width:				15px;
	height:				63px;
	background:			url(../images/tab-sel-right.gif) no-repeat bottom right;
	float:				left;
}
.Tab A:link, .Tab A:visited {
	line-height:		60px;
	padding-left:		10px;
	padding-right:		10px;
	font-family:		Verdana;
	font-size:			16px;
	font-weight:		normal;
	color:				#3D6C38;
	text-decoration:	none;
}

A.TabLink:link, A.TabLink:visited {
	line-height:		58px;
	padding-left:		35px;
	padding-right:		30px;
	font-family:		Verdana;
	font-size:			16px;
	font-weight:		normal;
	color:				white;
	text-decoration:	none;
	float:				left;
}

.SearchBarLeft {
	height:				60px;
	background:			url(../images/search-bar-left.gif) no-repeat top left;
}
.SearchBar {
	height:				60px;
	background:			url(../images/search-bar-mid.gif) repeat-x top left;
}
.SearchBarRight {
	height:				60px;
	background:			url(../images/search-bar-right.gif) no-repeat top right;
}
.SearchBar FORM {
	margin:				0px;
	padding:			5px;
}

.BoxHeading {
	padding-left:		15px;
	line-height:		30px;
	font-family:		Verdana;
	font-size:			18px;
	font-weight:		normal;
	color:				#229CF1;
	text-decoration:	none;
}

.BoxHeadingEx {
	line-height:		30px;
	font-family:		Verdana;
	font-size:			18px;
	font-weight:		normal;
	color:				#229CF1;
	text-decoration:	none;
}

.BoxTopLeft {
	background:			url(../images/box-top-left.gif) no-repeat left top;
}
.BoxTopMid {
	background:			url(../images/box-top-mid.gif) repeat-x left top;
}
.BoxTopRight {
	background:			url(../images/box-top-right.gif) no-repeat right top;
}
.BoxLeft {
	background:			url(../images/box-left.gif) repeat-y left top;
}
.BoxRight {
	background:			url(../images/box-right.gif) repeat-y right top;
}
.BoxBotLeft {
	background:			url(../images/box-bot-left.gif) no-repeat left bottom;
}
.BoxBotMid {
	background:			url(../images/box-bot-mid.gif) repeat-x left bottom;
}
.BoxBotRight {
	background:			url(../images/box-bot-right.gif) no-repeat right bottom;
}
.BoxContainer {
	padding:			15px;
}

.HeadingBarLeft {
	height:				45px;
	background:			url(../images/heading-bar-left.gif) no-repeat top left;
}
.HeadingBar {
	height:				45px;
	background:			url(../images/heading-bar-mid.gif) repeat-x top left;
}
.HeadingBarRight {
	height:				45px;
	line-height:		42px;
	background:			url(../images/heading-bar-right.gif) no-repeat top right;
	font-family:		Verdana;
	font-size:			13px;
	font-weight:		bold;
	color:				white;
	text-decoration:	none;
	text-transform:		uppercase;
	text-align:			center;
}

.BannerDiv {
	height:				199px;
	margin-bottom:		10px;
	background:			url(../images/banner.jpg) no-repeat top center;
}

.FooterLeft {
	height:				50px;
	background:			url(../images/bot-bar-left.gif) no-repeat top left;
}
.Footer {
	clear:				both;
	height:				50px;
	line-height:		50px;
	background:			url(../images/bot-bar-mid.gif) repeat-x top left;
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		normal;
	color:				white;
}
.FooterRight {
	height:				50px;
	background:			url(../images/bot-bar-right.gif) no-repeat top right;
}

.Footer A:link, .Footer A:visited {
	padding-left:		20px;
	padding-right:		20px;
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		normal;
	color:				white;
	text-decoration:	none;
}

.Separator {
	margin-top:				10px;
	margin-bottom:			10px;
	width:					100%;
	height:					10px;

	color:					#FFFFFF;
	background:				url(../images/bg-th.gif) repeat-x top left;
	background-color:		#4BA5C3;

}

/* -------------------------------- BASIC DESIGN ENDS -------------------------------- */

a.linkWhite {
	font-family:		Verdana;
	font-size:			13px;
	font-weight:		bold;
	color:				white;
	text-decoration:	none;
}
a.linkWhite:hover {
	text-decoration:	underline;
}
a.linkEx {
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				white;
	text-decoration:	none;
}
a.linkEx:hover {
	text-decoration:	underline;
	color:				red;
}
a.linkBlack {
	font-family:		Verdana;
	font-size:			13px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				black;
	text-decoration:	none;
}
a.linkBlack:hover {
	text-decoration:	underline;
}
a.linkBold {
	font-family:		Verdana;
	font-size:			13px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#229CF1;
	text-decoration:	none;
}
a.linkVivid:hover, a.linkVivid:visited {
	text-decoration:	underline;
}
a.linkVivid {
	font-family:		Verdana;
	font-size:			13px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#009CE2;
	text-decoration:	none;
}
a.linkBold:hover {
	text-decoration:	underline;
}
.top {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	color:				6A6A6A;
	text-decoration:	none;
}
.link {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			12px;
	font-weight:		bold;
	color:				#1D222F;
	text-decoration:	none;
	text-align:			center;
}
.link:hover {
	color:	#333333;
}

P
{
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	text-align:			justify;
	color:				#333333;
}


H1 {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			16px;
	font-weight:		bold;
}
H2 {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		bold;
}

.baseeffect
{  
	height:				25px;
	font-family:		Arial;
	font-size:			14px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#FFFFFF;
	background:			url(../images/bg-th.gif) repeat-x top left;
	background-color:	#4BA5C3;
	border:				none;
	width:				80px;
}

.baseeffectEx
{  
	height:				25px;
	font-family:		Arial;
	font-size:			14px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#FFFFFF;
	background:			url(../images/bg-th.gif) repeat-x top left;
	background-color:	#4BA5C3;
	border:				none;
}

FONT.info 
{
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#4BA5C3;
	text-decoration:	none;
}

FONT.extralarge
{
	font-family:		Verdana;
	font-size:			18px;
	font-style:			normal;
	font-weight:		bold; 
	text-align:			center 
	color:				#555555
	text-decoration:	underline;
}

FONT.large
{ 
	font-family:		Verdana;
	font-size:			14px;
	font-style:			normal;
	font-weight:		bold;
	text-align:			center;
	color:				#555555;
}

FONT.normal
{ 
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	text-align:			justify;
	color:				#555555;
}

FONT.small
{
	font-family:		Verdana;
	font-size:			10px;
	font-style:			normal;
	font-weight:		normal;
	text-align:			center;
	color:				#555555;
}

FONT.tiny
{
	font-family:		Verdana;
	font-size:			8px;
	font-style:			normal;
	font-weight:		normal;
	text-align:			center;
	color:				#555555;
}


/* KAON COMMON CLASSES */

.table
{
	background-color:	#3D4063;
}

.th
{  
	font-family:		Arial;
	font-size:			14px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	text-align:			center;
	color:				#FFFFFF;
	background:			url(../images/bg-th.gif) repeat-x top left;
	background-color:	#4BA5C3;
}

.tsubh
{  
	font-family:		Verdana;
	font-size:			14px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	text-align:			left;
	color:				#FFFFFF;
	background-color:	#ABD5F3;
}

.td
{  
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#555555;
	background-color:	#FFFFFF;
}

.tsubd
{  
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		bold;
	font-variant:		normal;
	color:				#555555;
	background-color:	#EFEFEF;
}

.tdEx
{  
	font-family:		Verdana;
	font-size:			12px;
	font-style:			normal;
	font-weight:		normal;
	font-variant:		normal;
	color:				#555555;
}
.links {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	color:				105796;
	text-decoration:	none;
}
.links:hover {
	text-decoration:	underline;
}
.toplinks {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	12px;
	font-weight:	bold;
	color:	FEFFD6;
	text-decoration:	none;
}
.toplinks:hover {
	color:	#D3D58B;
}
.user {
	font-family:	Verdana, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	normal;
	color:			#229CF1;
}
.menus {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	12px;
	font-weight:	bold;
	color:	105796;
	text-decoration:	none;
	line-height:	18px;
}
.menus:hover {
	color:	#4BA5C3;
}


TD {
	FONT-SIZE:	13px;FONT-FAMILY:	Verdana, Verdana, Helvetica, sans-serif
}
.whnormal {
	COLOR:	#ffffff;FONT-FAMILY:	Verdana, Verdana, Helvetica, sans-serif
}
.whsmall {
	FONT-SIZE:	10px;COLOR:	#ffffff
}
.whfpcardname {
	FONT-WEIGHT:	normal;FONT-SIZE:	11px;COLOR:	#ffffff;FONT-FAMILY:	Verdana, Verdana, Helvetica, sans-serif
}
.blmed {
	FONT-SIZE:	11px
}
.toplink {
	FONT-SIZE:	11px;COLOR:	#ffffff;text-decoration:	none
}
.linkcardbig {
	FONT-WEIGHT:	bold;FONT-SIZE:	11px;COLOR:	#ffffff;text-decoration:	none
}
linkcardbig:hover {
	text-decoration:	underline
}
.toplinklang {
	FONT-SIZE:	9px;COLOR:	#555555;text-decoration:	none
}

.copyright {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			10px;
	font-weight:		normal;
	color:				#FFFFFF;
	text-decoration:	none;
}
.main {
	font-family:		Verdana, Helvetica, sans-serif;
	font-size:			11px;
	font-weight:		normal;
	color:				#8E8E8E;
	text-decoration:	none;
}
.effect {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			14px;
	font-weight:		normal;
	color:				#333333;
	text-decoration:	none;
}
.bold {
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			13px;
	font-weight:		bold;
	color:				#222222;
	text-decoration:	none;
}
.amount {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	bold;
	color:	#883333;
	text-decoration:	none;
}
.heading {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	18px;
	font-weight:	bold;
	color:	#1495E9;
	text-decoration:	none;
}
.cat {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	11px;
	font-weight:	bold;
	color:	#FFFFFF;
	text-decoration:	none;
}
.cat:hover {
	color:	#E0F6FF;
}
.homepageLeftOpt {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	11px;
	font-weight:	normal;
	color:	#111111;
	text-decoration:	none;
	text-align:	right;
	padding:	5px;
}
.homepageRightOpt {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	11px;
	font-weight:	normal;
	color:	#555555;
	text-decoration:	none;
	padding:	5px;
}
.headingWhite {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	bold;
	color:	#999999;
	text-align:	right;
	padding:	5px;
	background:url(../images/script/order-gradiant.gif) repeat-x top left;height;
}
.homepageOrder {
	font-family:	Verdana, Verdana, Helvetica, sans-serif;
	font-size:		11px;
	font-weight:	bold;
	color:			#333333;
	padding:		2px;
}

.Listing {
	width:				95%;
	margin:				auto;
	font-family:		Verdana, Verdana, Helvetica, sans-serif;
	font-size:			12px;
	color:				#333333;
}

.ListingRaw {
	border:				1px solid #E0E0E0;
	background-color:	#FAFAFA;
}

.ListingRowFixed {
	border:				1px solid #E0E0E0;
	background-color:	#FAFAFA;
	padding:			10px;
}

.ListingRow {
	border:				1px solid #E0E0E0;
	background-color:	#FAFAFA;
	padding:			10px;
}

.ListingRowOver, DIV.ListingRow:hover {
	border:				1px solid #4BA5C3;
	background-color:	#F0F0F0;
	padding:			10px;
}

DIV.ListingRow {
	h:	expression(onmouseover=mouseIsOverIt);
	m:	expression(onmouseout=mouseIsOutNow);
}

.HRow {
	border:				1px solid #E0E0E0;
	background-color:	#FFFEF1;
	cursor:				hand;
}

.HRowOver, DIV.HRow:hover {
	border:				1px solid #E0E0E0;
	background-color:	#E4F8FF;
}

DIV.HRow {
	h:	expression(onmouseover=mouseIsOverIt);
	m:	expression(onmouseout=mouseIsOutNow);
}

A.linkGray:link, A.linkGray:visited {
	font-family:		Verdana;
	font-size:			12px;
	font-weight:		bold;
	color:				#333333;
	text-decoration:	none;
}

.HeadRow
{  
	clear:				both;
	height:				20px;
	font-family:		Verdana, Times, serif;
	font-size:			11px;
	font-weight:		bold;
	color:				white;
	background-color:	#009BCA;
	line-height:		20px;
	padding:			5px;
}

.DivHr
{
	height:				15px; 
	margin-top:			15px;
	border-top:			1px solid #CCCCCC;
}

.BoxSubHeadingBar
{
	clear:				both;
	height:				20px;
	font-family:		Verdana, Times, serif;
	font-size:			11px;
	font-weight:		bold;
	color:				#009BCA;
	background-color:	#DCDCDC;
	line-height:		20px;
	margin-top:			15px;
	margin-left:		2px;
	margin-right:		1px;
	padding:			3px;
	padding-left:		20px;
	border-top:			1px solid #BCBBBB;
	border-bottom:		1px solid #BCBBBB;
	cursor:				hand;
}

.DivTable
{
	margin:				auto;
}

.DivRow
{
	clear:				both;
	padding:			5px;
}

.DivTh
{
	font-family:		Verdana, Times, serif;
	font-size:			11px;
	font-weight:		bold;
	text-align:			center;
	color:				white;
	background-color:	#009BCA;
	float:				left;
	line-height:		25px;
}

.DivTd
{  
	font-family:		Verdana;
	font-size:			11px;
	font-weight:		normal;
	color:				#555555;
	float:				left;
}

.FormLabel
{
	width:				33%;
}

.FormInput
{
	width:				67%;
}

.highlight
{
	background-color:	#FFEFEF;
	border:				3px inset red;
}

.dirRowSel {
	background-color:	#EEFFEE;
}

.infoMsgInline {
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal; 
	color: #FF0000; 
	text-decoration: none;
	background-color: #FFFFD7;
	border: 1px solid #F9CA5D;
	padding: 3px;
	text-align: center;
	margin-left: 25px;
	margin-right: 25px;
	margin-bottom: 10px;
}

.TopBanner LI, .TopBanner LI A:link, .TopBanner LI A:visited {
	font-family: Verdana; 
	font-size: 22px; 
	font-weight: normal; 
	color: white; 
	text-decoration: none;
	line-height:		40px;
}

.TopBannerPara {
	padding-top:		10px;
	width:				250px;
	font-family:		Verdana; 
	font-size:			12px; 
	font-weight:		normal; 
	color:				#067FB6; 
	text-decoration:	none;
	text-align:			justify;
}

.LatestBoxTopLeft {
	height:				200px;
	background:			url(../images/latest-box-left.gif) no-repeat top left;
}
.LatestBoxTopMid {
	height:				200px;
	background:			url(../images/latest-box-mid.gif) repeat-x top left;
}
.LatestBoxTopRight {
	height:				200px;
	background:			url(../images/latest-box-right.gif) no-repeat top right;
}

.FeaturedBoxTopLeft {
	background:			url(../images/featured-box-left.gif) no-repeat top left;
}
.FeaturedBoxTopMid {
	background:			url(../images/featured-box-mid.gif) repeat-x top left;
}
.FeaturedBoxTopRight {
	background:			url(../images/featured-box-right.gif) no-repeat top right;
}
.MemberEffect {
	width:				141px;
	height:				26px;
	padding-left:		2px;
	padding-right:		2px;
	background:			url(../images/member-effect.gif) no-repeat top left;
	border:				none;
	line-height:		26px;
}