
<!--- /* PLEASE NOTE: The bespoke scrollbar only applies styles to IE browsers, all other browsers will view the default scrollbar */ --->
html { min-height: 100%; margin-bottom: 10px; }

body { background-position:center top; background-repeat:no-repeat; background-color:#ffffff; text-align:left; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px;  
 scrollbar-base-color:#ffffff;
 scrollbar-track-color:#ffffff; 
 scrollbar-face-color:#ffffff; 
 scrollbar-highlight-color:; 
 scrollbar-3dlight-color:; 
 scrollbar-darkshadow-color:#ffffff; 
 scrollbar-shadow-color:#ffffff; 
 scrollbar-arrow-color:#525559; }

h1, textarea{ font-weight:bold; font-size:14px; color:#666666; text-align:left; font:Arial, Helvetica, Sans-Serif; }

p { font-size:12px; font-family:Arial, Helvetica, sans-serif;  }

#input { font-size: 10px; height: 18px; width: 120px; border-bottom:1px solid #a4abb1; border-top:1px solid #a4abb1; border-left:1px solid #a4abb1; border-right:1px solid #a4abb1; background-color:#ffffff; }

#WHOLEPAGE 		{ text-align:center; width:900px; margin-left:auto; margin-right:auto; }
#main 			{ margin-top:0px; text-align:left; border:1px #999999 solid;  }
#header 		{ text-align:right; }
#topMenu 		{ border:0px #FFFF00 solid;}
#controlPanel	{ margin-top:10px; border-top:1px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid;visibility:hidden;}
#mainMenu 		{ float:left; margin-top:30px;  border-top:1px #c2c2c2 solid; width:200px; background-image:url(../ClientImages/bakMainmenu.gif); min-height:525px;  }
#mainContent 	{ float:left; margin-top:30px;  border-top:1px #c2c2c2 solid; min-height:300px; max-width:678px; min-width:678px; padding-right:20px; }
#footer 		{ margin-top:20px; text-align:center; border-top:1px #c2c2c2 solid; border-bottom:1px #c2c2c2 solid; }

a 					{ color:#000099; font-weight:normal; text-decoration:none; }
a:hover 			{ color:#000099; font-weight:normal; text-decoration:underline;}
a:visited 			{ color:#000099; font-weight:normal; text-decoration:none; }
a:active  			{ color:#000099; font-weight:normal; text-decoration:none; }
a:visited:hover 	{ color:#000099; font-weight:normal; text-decoration:underline; }
a:active:hover 		{ color:#000099; font-weight:normal; text-decoration:underline; }
a:hover menuItem	{ color:#000099; font-weight:normal; text-decoration:underline; }

ul { list-style:none;}
li { text-align:left; padding-left:0px; text-indent:0px; marker-offset:0px;} 

/* GENERAL Styles */
.errorMessage			{ color:#FF0000; font-size:14px; font-weight:bold; text-align:center; }
.clearBoth				{ clear:both; }

/* LOGIN Styles */
.loginEnterDetails		{ float:right; width:380px; height:80px; border-left:1px #c2c2c2 solid; }
.loginUserDetails		{ float:right; height:70px; border-left:1px #c2c2c2 solid; padding:5px; }

/* top CONTROL PANEL styles */

.CPLogin				{ border:0px #FF0000 solid; float:right; width:250px; height:45px; margin-right:15px; }
.LoginLogin				{ float:right; margin-top:5px; }
.LoginRegister			{ float:right; margin-top:5px; }

.LoginSalutation		{ float:right; font-weight:bold; }
.LoginEdit				{ float:right; margin-top:5px; }
.LoginLogout			{ float:right; margin-left:5px; margin-top:5px; }

.LoginUsernameHdr		{ float:left; font-weight:bold; width:60px; }
.LoginUsername			{ float:left; margin-left:5px }
.LoginPwdHdr			{ float:left; font-weight:bold; width:60px; }
.LoginPwd				{ float:left; margin-left:5px }
.LoginReminder			{ float:left; font-weight:bold; margin-left:5px }
.LoginSubmit			{ float:left; font-weight:bold; margin-left:5px }
.LoginRemember			{ float:left; font-size:9px; font-weight:normal; margin-left:3px }
.LoginErrorMessage		{ float:right; color:#FF0000; font-size:10px; margin-top:0px; margin-left:2px; font-weight:bold; }

.CPBasket				{ border:0px #00AAAA solid; width:200px; height:45px; margin-right:15px; }
.BasketHeaderClass		{ float:left; font-weight:bold; color:#898989;  margin-left:10px;}
.BasketMainHdrClass		{ float:left; font-weight:bold; margin-left:5px; }
.BasketButClass			{ margin-top:5px; }

.CPPages				{ border:0px #AA00AA solid; float:right; width:330px; height:45px; margin-right:15px; }
.PagesSection			{ float:left; font-weight:bold; color:#898989; }
.PagesSubSection		{ float:left; font-weight:bold;  margin-left:5px; }

.CPFlashGallery			{ border:0px #00FF00 solid; float:right; width:330px; height:45px; margin-right:15px; }
.FlashGallerySection	{ float:left; font-weight:bold; color:#898989; }
.FlashGalleryAlbum		{ float:left; font-weight:bold; margin-left:5px }	

.CPHTMLGallery			{ border:0px #00FF00 solid; float:right; width:330px; height:45px; margin-right:15px; }
.HTMLGallerySection		{ float:left; font-weight:bold; color:#898989; }
.HTMLGalleryAlbum		{ float:left; font-weight:bold; margin-left:5px }	
.pageXofY				{ margin-top:5px; }
.previousdiv 			{ float:left; margin-top:1px; }
.pagenumdiv				{ float:left; font-size:12px; color:#39BBBB; margin-left:5px }
.nextdiv				{ float:left; width:20px; margin-top:1px; margin-left:5px }




/*
.CPIndex				{ float:right; height:80px; padding-left:10px; color:#666666; border-left:0px #c2c2c2 solid; }

.CPGallery				{ float:right; height:80px; padding-left:10px; color:#666666; border-left:1px #c2c2c2 solid; }
.GalleryHeaderClass		{ color:#000099; font-weight:bold; margin-top:6px;}
.GalleryAlbumHdrClass	{ float:left; width:65px; font-weight:bold; margin-top:10px; margin-right:5px }
.GalleryAlbumClass		{ margin-right:10px;  margin-top:10px; }	
.GlrySubAlbumHdrClass	{ float:left; width:65px; font-weight:bold; margin-right:5px; margin-top:10px; }
.GallerySubAlbumClass	{ margin-right:10px; margin-top:10px; }

.CPPages				{ float:right; height:80px; padding-left:10px; color:#666666; border-left:1px #c2c2c2 solid; }
.PagesHeaderClass		{ color:#000099; font-weight:bold; margin-top:6px;}
.PagesMainHdrClass		{ float:left; width:65px; font-weight:bold; margin-top:10px; margin-right:5px }
.PagesMainClass			{ margin-right:10px; margin-top:10px; }	
.PagesSubHdrClass		{ float:left; width:65px; font-weight:bold; margin-top:10px; margin-right:5px }
.PagesSubClass			{ margin-right:10px; margin-top:10px; }
*/
/* FOOTER Styles */
.footerItem				{ float:left; width:150px; text-align:center; margin-top:10px; margin-bottom:10px; color:#aaaaaa; font-size:10px; font-weight:bold; }
.footerPoweredBy		{ float:right; width:200px; text-align:right; margin-top:10px; margin-bottom:10px; margin-right:20px; color:#aaaaaa; font-size:10px; font-weight:bold; }

/* PAGES Styles */
.pageTitle 				{ color:#FF9900; font-size:16px; font-weight:bold; margin-bottom:20px; }
.pageParaghraphHeading	{ color:#FF9900; font-size:12px; font-weight:bold; margin-bottom:10px; }
.pageHighlight			{ color:#FF9900; font-size:12px; font-weight:bold; }
.pageContent			{ color:#666666; font-size:12px; font-weight:normal; }
.previewdiv				{ color:#FF0000; font-size:16px; font-weight:bold; text-align:center; margin-top:10px}
.replyContent p			{ color:#FFFFFF; font-size:12px; font-weight:normal; padding-bottom:5px}
.replyHeader			{ color:#FFFFFF; font-size:12px; font-weight:normal; padding:5px;text-decoration:underline; border-top:1px #FF9900 dashed;}

/* BASIC Shop Styles */
.shopitemdivcont 	{float:left; border-top:1px #FF9900 dashed; border-bottom:1px #FF9900 dashed; padding:5px; margin-bottom:20px;  }
.shoppicdivcont		{float:left; width:100px; }
.shoppicdiv			{float:left; width:100px; height:100px; border:1px #666666 solid; margin-bottom:10px;}
.shoptextdiv		{float:left; width:200px; border:0px solid #FFFF33; margin-left:4px}
.ShopItemDetails	{float:left; width:500px; margin-left:10px;}
.shopItemName		{float:left; width:200px; border:0px; font-size:16px; color:#FF9900; }
.shopItemPrice		{float:right; width:70px; border:0px solid #66FF00; margin-left:4px}
.shopItemQty		{float:right; width:70px; border:0px solid #66FF00; margin-left:4px}
.shopItemAdd		{float:right; width:80px; border:0px solid #66FF00; margin-left:4px}
.shopdescdiv p		{border:0px #00CCCC dashed; font-size:12px}
.shopoptiondiv		{font-size:16px; color:#FF0000}
.shopselprdiv		{float:left; width:70px; height:100px; border:0px solid #66FF00; margin-left:4px}
.shopqtycontdiv		{float:left; width:70px; height:100px; border:0px solid #66FF00; margin-left:4px}
.shopaddcontdiv		{float:left; width:70px; height:100px; border:0px solid #66FF00; margin-left:4px}
.shoppricediv		{float:left; text-align:right; font-size:12px; margin-top:2px}
.shopqtydiv			{float:right; padding:0px}
.addcart			{float:left; width:75px;}
.cartdivcon			{width:190px; border-top:1px #FF9900 dashed; border-bottom:1px #FF9900 dashed; margin-top:20px;}
.cartheaderdiv		{float:left; font-size:16px; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#FF9900;}
.cartitemdiv		{float:left; width:100px;}
.cartqtydiv			{float:left; width:20px; margin-left:5px}
.cartpricediv		{float:left; width:55px; text-align:right; margin-left:5px;}
.carttotaldiv		{font-size:16px; text-align:right; margin-right:5px; margin-top:5px; margin-bottom:5px; color:#CC6600}
.cartemptydiv		{float:left; font-size:16px; width:190px; text-align:center; margin-top:5px; color:#CC0000}
.bigpicdiv			{float:left; width:280px; border:1px solid #FFFF33; margin-left:4px; z-index:-10;}
.shoprefcodediv		{text-align:right; padding-right:10px; color:#00CCCC;}
.checkoutdiv		{text-align:right; margin-top:5px; margin-bottom:5px;}
.shopReturn			{text-align:center;}
.rettextdiv			{text-align:center; font-size:16px; margin-bottom:10px}
.rowclass 			{font-family:Arial, Helvetica, sans-serif; font-size:16px;}

/*  GALLERY Styles */
#menucolumn			{float:left; margin-top:10px;}
#thumbnailscol		{float:left; width:120px; min-height:450px; margin-top:10px; margin-left:20px; }
#mainpiccol			{float:left; border:2px #FFFFFF ridge; padding:5px; margin-top:10px; margin-left:20px; display:none; width:400px}
#flashpiccol			{float:left; border:2px #FFFFFF ridge; padding:5px; margin-top:10px; margin-left:20px; display:block; width:400px}
.gallerydivcon		{width:190px; border-top:1px #FF9900 dashed; border-bottom:1px #FF9900 dashed; margin-top:20px; padding-bottom:5px}
.galleryheaderdiv	{float:left; font-size:16px; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#FF9900;}
.viewingdiv			{font-size:14px; font-weight:normal; margin-bottom:5px; color:#FF9900;}

.pageXofY			{width:190px; text-align:center; margin-left:auto; margin-right:auto; border:0px #00FF00 dashed;}
.previousdiv 		{width:20px;}
.pagenumdiv			{font-size:20px; margin-left:5px; margin-right:5px; color:#CC6600;}
.nextdiv			{width:20px;}

.title				{float:left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FF9900;}
.subtitle			{float:left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FF9900;}
.titletext			{float:left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FFFFFF;}
.subtitletext		{float:Left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FFFFFF;}
.viewinghdrdiv		{width:180px; margin-bottom:5px}

.thumbnailsnxt		{ float:left; border:2px ridge; width:110px; height:110px; margin-top:100px; margin-left:7px; border-color:#FFFFFF; }
.thumbnailsprv		{ float:left; border:2px ridge; width:110px; height:110px; margin-top:100px; margin-left:1px; border-color:#FFFFFF; }
.thumbnailstext		{ font-size:12px; width:140px; font-weight:normal; margin-top:5px; margin-bottom:5px; margin-left:6px; color:#CC6600;}
.bigpiccol			{ float:left; border:2px ridge; width:500px; margin-top:10px; margin-left:22px; border-color:#FFFFFF; min-height:450px; }
.slideshowcol		{ float:left; border:2px ridge; width:500px; margin-top:10px; margin-left:10px; border-color:#FFFFFF; }
.showthumbnailsprvnxt { border:2px #FFFFFF ridge; float:left; height:100px; width:100px; margin-top:3px; margin-left:3px; }
.showthumbnails		{ border:2px #FFFFFF ridge; float:left; height:100px; width:100px; margin-top:10px; margin-left:0px; }
.showallthumbnails	{ border:2px #FFFFFF ridge; float:left; height:50px; width:50px;  margin-bottom:1px; margin-left:2px; }
/* .showhighlightthumbnails { border:2px #FFFFFF ridge; float:left;  width:200px; margin-top:5px; margin-left:2px; } */
.showhighlightthumbnails { width:400px; }
.showlargepics		{ border:2px #FFFFFF ridge; float:left; width:480px; margin-top:10px; margin-left:6px; }


.autoslideshowcol	{ float:left; border:2px ridge; width:1020px; margin-top:10px; margin-left:10px; border-color:#FFFFFF; text-align:center; }
.showslideshow		{ border:2px #FFFFFF ridge; float:left; width:1000px; margin-top:10px; margin-left:6px;}

/*  BLOG Styles */
.blogdivcon			{width:190px; border-top:1px #FF9900 dashed; border-bottom:1px #FF9900 dashed; margin-top:20px; padding-bottom:5px}
.blogheaderdiv		{float:left; font-size:16px; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#FF9900;}
.blogviewingdiv		{font-size:14px; font-weight:normal; margin-bottom:5px; color:#FF9900;}
.blogviewinghdrdiv	{width:180px; margin-bottom:5px}
.blogtitletext		{float:left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FFFFFF;}
.commentdiv			{width:20px; text-align:center}
.commentcloseddiv	{float:left; font-size:16px; width:190px; text-align:center; margin-top:5px; color:#CC0000}
.blogreplycontdiv	{width:650px;  margin-bottom:20px; border:1px #c2c2c2 solid;}
.blogreplydivhead	{width:490px; height:12px; padding:5px; font-size:10px; font-style:italic; font-weight:bold; background:url(../images/forumGradTop.gif) no-repeat;}
.blogreplydivtitle	{width:490px; height:12px; padding:5px; font-size:12px; font-style:italic; font-weight:bold; background:url(../images/forumGradTop.gif) no-repeat;}
.blogreplyContent	{padding-left:5px; padding-bottom:5px}

/*  FORUM Styles */
.forumdivcon		{width:190px; border-top:1px #FF9900 dashed; border-bottom:1px #FF9900 dashed; margin-top:20px; padding-bottom:5px}
.forumheaderdiv		{float:left; font-size:16px; font-weight:bold; margin-top:5px; margin-bottom:5px; color:#FF9900;}
.forumviewingdiv	{font-size:14px; font-weight:normal; margin-bottom:5px; color:#FF9900;}
.forumviewinghdrdiv	{width:180px; margin-bottom:5px}
.forumtitletext		{float:left; font-size:12px; width:89px; font-weight:normal; margin-bottom:5px; color:#FFFFFF;}
.commentdiv			{width:20px; text-align:center}
.commentcloseddiv	{float:left; font-size:16px; width:190px; text-align:center; margin-top:5px; color:#CC0000}
.forumloggedin		{font-size:14px; font-weight:normal; margin-bottom:5px; color:#FF9900;}
.postcontdiv		{width:650px;  margin-bottom:20px; border:1px #c2c2c2 solid;}
.postuserdiv		{float:left; width:130px; padding:10px}

.avatarpic			{margin-top:5px; margin-bottom:10px; width:100px; height:100px; border:1px #c2c2c2 solid;}

.postdiv			{float:left; width:464px;}
.postcounticon		{float:left;}
.posttextdiv		{margin-top:5px; margin-bottom:5px;}

.postdivhead		{width:490px; height:10px; padding:5px; font-size:10px; font-style:italic; font-weight:bold; background:url(../images/forumGradTop.gif) no-repeat;}
.postsigdiv			{width:500px; padding-top:10px; font-size:10px; color:#CCCCCC; background:url(../images/forumGradMid.gif) no-repeat;}
.postfooterbar		{width:650px; height:20px; margin-top:10px; background:url(../images/forumGradBot.gif) no-repeat;}

.viewprofilediv		{float:left;}
.editprofilediv		{float:left;}
.postreplydiv		{float:right}
.postquotediv		{float:right}
.posteditdiv		{float:right}
.newthreaddiv		{float:right}
.showprofile body p	{font-size:12px; background-color:#000000; display:none}
.invalidlogon		{color:#FF0000}


/* RSS Viewer Styles */
.feedTitle			{font-size:14px; font-weight:bold; color:#FF9900; margin-bottom:5px}
.feedDescription	{font-size:12px; font-weight:normal; color:#FFFFFF; margin-bottom:10px}
.feedArticle		{margin-left:20px; margin-bottom:3px}
.feedCopyright		{font-size:10px; font-weight:bold; font-style:italic; color:#FFFFFF; margin-top:10px}