/* Adaptive Layout Update 16.05.14 */

/* ------------ GENERAL ----------------- */

.ContentIB		{ display:inline-block;}
.ContentFixed		{ position:fixed; top:5px; right:5px;}
.PWbox			{ border:4px solid #888d45; border-radius:10px; box-shadow:2px 2px 3px #e88; max-width:290px; text-align:center; margin:5px; padding:5px; background:#ffe;}
.PWboxclose	 	{ background:#cccc87; color:#855; border:1px solid #555; cursor:pointer; padding:5px 0px 5px 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;  box-shadow:1px 1px 2px #555;}


/* ------------ MODULE CONTENT ---------- */

.MCPrimary		{ display:inline-block; position:relative; min-width:290px; vertical-align:top;}
.MCSecondary		{ display:inline-block; position:relative; min-width:300px; vertical-align:top;}
.MCContent		{ min-width:290px; border-radius:5px; border:2px solid #ccc; padding:0px 5px 5px 5px; background:#fafafa; box-shadow:2px 2px 3px #888;}
.MCSecContent		{ position:relative; overflow-x:hidden; height:auto; padding-right:5px; text-align:left;}
.ContentBox		{ border-radius:10px; border:1px solid #ccc; padding:0px 5px 5px 5px; margin:0px 0px 10px 10px;}
.ContentDiv		{ padding:0px 5px 5px 5px; margin:0px 0px 10px 10px;}
.ContentHover		{ }
.ContentHover :hover	{ background:#eef;}

.MCPrimaryMargin	{ margin-right:240px;}
.MCMinWidth		{ min-width:230px; width:230px; margin:0px;}

.MCFeaturedDisplay 	{ border:1px solid #555; background:#fee; padding:4px;}

/* ------------ NEWS All Module Archive / Display / Search ---------- */

.NewsDateBox		{ display:inline-block; vertical-align:top; cursor:pointer; width:58px; height:35px; border:1px solid #dddddd; text-align:center; font:14px/14px Arial}
.NewsDateBoxSelect	{ background-color:#aaa }
.NewsDateBox:hover	{ background-color:#d0ccbb; }
.NewsDateCtr		{ font-size:10px; color:#000; }
.NewsGalleryOpen	{ cursor:pointer; color:#f00; }
.NewsGalleryBox		{ position:absolute; top:80px; right:5px; background:#eee; border:2px solid #888; padding:5px; }

.NewsArchive 		{ background:#fafafa; border:1px solid #aaa; padding:5px;}
.ANewsHeading		{ font:18px/24px Tahoma; text-align:center; padding:10px 10px 0px 10px;}
.NewsHeading		{ font:18px/24px Tahoma; text-align:center; padding:10px 10px 0px 10px;}
.ANewsListing		{ text-align:left}
.NDBor			{ font:12px/30px Tahoma; width:80px; overflow:hidden;} /*NewsDateBox Override for categories.*/
.ANewsL			{ color:#800; padding-left:15px; padding-top:4px; line-height:1.2em; height:40px; width:auto; cursor:pointer; overflow:hidden;}
.ANewsL:hover		{ COLOR:#000; background:#ddd;}

.NewsSearchHelp 	{ position:relative;cursor:pointer }
.NewsSearchHelp
 div.NSinfo 		{ position:absolute; display:none; background:#efe; border:1px solid #050; margin:0px 5px 0px 5px; width:auto; padding:5px; z-index:200; font:12px/14px Arial;font-weight:normal}
div.NewsSearchHelp:hover div.NSinfo {display:block;}

.NewsSet 		{ background:#d0ccbb; padding:5px; margin:5px 5px 10px 5px; position:relative; border:1px solid #888; text-align:left}
.NewsImg 		{margin:0px 5px 5px 0px;float:left;padding:5px;}
.NewsImg img	 	{border:1px solid #000;padding:5px;background:#fff;}
.NewsTitle  		{color:#005;font:1.5em/1.6em Arial;}
.NewsTitleSum  		{color:#005;font:1.5em/1.6em Arial;}
.NewsInfo   		{color:#444;font:italic 1em/1.2em Verdana;}
.NewsContent		{color:#555;background:#eee;padding:5px;margin:5px;clear:left;}
.NewsDescription	{color:#555;}
.NewsInfoTop 		{ background: url(layout/layout.png) no-repeat top left; cursor:pointer; width:50px; height:40px; float:left}
.NewsInfoTop:Hover 	{ background: url(layout/bg-newsinfo.gif) no-repeat top left; cursor:pointer;}


/* --------------- DISPLAY PRODUCT --------------- */

.ProductDivA		{ min-width:290px; width:auto; padding:0px 10px 5px 10px; vertical-align:top;}
.ProductDivB		{ min-width:290px; display:inline-block; width:47%; padding:0px 10px 5px 10px; vertical-align:top;}
.ProductDivC		{ min-width:150px; display:inline-block; width:200px; padding:0px 5px 5px 5px; vertical-align:top;}
.ProductBorder		{ border-radius:10px; border:1px solid #ccc; margin:5px;}
.ProductBorderL		{ border-left:1px solid #ccc;}

.PMSoldOverlay		{ position:absolute; top:0px; left:-10px; z-index:10; } /*top was -15*/
.PMStock		{ border-radius:5px; border:1px solid #ccc; padding:5px; background:#efe; margin-bottom:10px; font:12px/14px Arial}
.PMStockH		{ border-radius:5px; border:1px solid #00F; padding:5px; background:#ddf; color:#00f; margin-bottom:10px; font:12px/14px Arial}
.PMStockS		{ border-radius:5px; border:1px solid #f00; padding:5px; background:#fee; color:#f00; margin-bottom:10px; font:12px/14px Arial}
.PMInfoBox		{ border-radius:5px; border:1px solid #ccc; padding:5px; background:#f5f5f5; margin-bottom:10px; font:12px/14px Arial}

.boxd 			{PADDING:10px 5px 10px 5px; margin:0px; border:1px solid #aaaaaa; background-color:#eeeeee; width:250px;}
.pagetext 		{FONT-FAMILY:"Trebuchet MS", Tahoma, Arial; COLOR:#000; FONT-SIZE:12px; MARGIN:0px;}

table 			{font-family:verdana; font-size:12px;}

.RowHlight 		{}					/* define for record table list */
.RowHlight td 		{background:transparent;}		/* set all td's to white */
.RowHlight tr:hover td	{background:#fcc;}			/* now override with hover of TD inside TR*/


/************* PRODUCT MANAGER - display-cat product-search display-product *****************************/

/* product search */
/* ff can use 125px height, ie wants 130 adjusting in headerb.inc - product search*/
.searchboxfl 		{FLOAT:left; TEXT-ALIGN:center; FONT-SIZE:12px; font-family:tahoma; height:130px; width:280px; color:#888888; background-color:white; border:1px solid #888888; margin:5px; PADDING:5px;}
.textheader 		{FONT:18px/20px "Trebuchet MS", Arial;COLOR:#000000;}
.bordl 			{background-color:#eeeeaa;padding:10px; border:1px solid #559999; border-right:1px solid #eeeeaa;}
.borda 			{background-color:#eeeeaa;padding:10px; border:1px solid #559999; border-bottom :1px solid #eeeeaa; border-left :1px solid #eeeeaa;}
.bordb 			{background-color:#eeeeaa;padding:10px; border:1px solid #559999; border-top:1px solid #eeeeaa;}

/*product search, display-tutorial, module-home, admin-summary */
.searchbox 		{TEXT-ALIGN:center; FONT-SIZE:12px; font-family:tahoma; height:130px; width:200px; color:#888888; background-color:white; border:1px solid #888888; padding:10px;}

/*** SHOPPING CART ***/

.cartheader 		{background:#464444;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.cartbutton 		{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000000; cursor:pointer;} 
.cartpbuttond 		{background:#dddddd;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#555555;} 


.PMdisplaythumbs 	{text-align:center; color:#555;}
.PMdisplayphotothumbs 	{border:1px solid #aaa; overflow:hidden; width:490px;}
.PMthumbset 		{vertical-align:middle; text-align:center; display:inline-block; background:#ddd; border:1px solid #888; margin-right:2px; overflow:hidden; cursor:pointer}		/* for use in gallery where portrait pictures are thin */
.PMViewHeading 		{COLOR:#444444; FONT:18px/20px Tahoma,Verdana,Arial; text-align:center;}
.PMSearchHeader 	{border-bottom:1px dotted #888888; padding:4px; background-color:#FFFFaa; text-align:left;}
.PMclicknotice 		{ float:right; font:10px/12px Arial; color:#FFF; background-color:#aaa; border:1px solid #000; padding:2px; margin:-4px 10px 0px 0px;}
.PMNavLine 		{ padding:5px; color:blue; border:1px dotted #aaaaaa; background-color:#eeeeee; font-size:12px; font-family:tahoma; text-align:left;}

/*PRODUCT SUMMARY for display-cat-module and product-search - using fixed width works for FF, php-ie needs adjustment? */
.PMps  			{height:182px; width:280px; display:inline-block; position:relative; TEXT-ALIGN:center; font:12px/14px Verdana; color:#888888; background-color:white; border:1px solid #888888; margin:5px; padding:5px; vertical-align:top;}
.PMps:hover		{ border:1px solid #A00; box-shadow:2px 4px 4px #e88; } 
.PMpsA 			{height:150px; width:150px; position:absolute; top:5px;   left:5px; background:#fff;border:1px dotted #aaaaaa;}
.PMpsA img		{ max-height:100%; max-width:100%; width:auto; height:auto;}
.PMpsB 			{height:auto;  width:150px; position:absolute; top:157px; left:5px; font:10px/12px verdana;text-align:center;}
.PMpsBa			{background:#eee}
.PMpsC 			{height:150px; width:130px; position:absolute; top:5px; left:160px; overflow-y:hidden; margin-bottom:2px; text-align:center; white-space:normal;}
.PMpsT			{font:14px/16px Arial; color:#000;}
.PMpsD			{font:10px/12px Tahoma, Arial;}

.PMpriceRetail  	{ position:absolute; bottom:18px;width:124px; FONT-FAMILY:"Trebuchet MS", Arial; COLOR:#FF0000; background:#ffffff; FONT-SIZE:12px; MARGIN:0px; border:1px dotted #ffaaaa; text-align:center;}
.PMpriceSpecial		{ position:absolute; bottom:18px;width:124px; FONT-FAMILY:"Trebuchet MS", Arial; COLOR:#FF0000; background:#ffffff; FONT-SIZE:12px; MARGIN:0px; border:1px dotted #ffaaaa; text-align:center;}
.FeaturedBox 		{ margin:0px 4px 4px 4px; padding:2px; background:#ddddee; border:2px solid #0000ff; border-radius:5px;}

/* *** display category in content-module *** */
.ModuleCategory 	{display:inline-block; vertical-align:top; height:182px; width:280px; TEXT-ALIGN:center; font:10px/12px Verdana; color:#888888; background-color:white; border:1px solid #888888; margin:5px 5px 5px 5px; padding:0px; cursor:pointer; position:relative;}
.ModuleCatHdr 		{background:#555555; color:#fff; font:16px/24px Verdana;}
.DCpad 			{padding:5px;}
.ModuleCategory div.MCinfo {position:absolute; display:none; background:#eef; border:1px solid #005; margin:0px 5px 0px 5px; width:auto; padding:5px; z-index:200;}
div.ModuleCategory:hover div.MCinfo {display:block;}


/************ Display Product ***************/

.prodprice 		{ BACKGROUND:url(layout/php/pricebox.png) no-repeat; width:180px; height:25px; color:red; font:14px/24px "trebuchet MS", Tahoma; font-weight:bold; text-align:right; padding-top:0px;}
.prodpricewas 		{ BACKGROUND:url(layout/php/pricebox2.png) no-repeat; width:180px; height:60px; color:red; font:14px/24px "trebuchet MS"; font-weight:bold; text-align:right; padding-top:0px;}
.prodpricesave		{ border:2px solid #A00; background:#f55; color:#ff0; font:22px/24px Arial; padding:5px; margin:5px;}
.prodlabel 		{ float:left; font:14px/24px "trebuchet MS",Tahoma; color:white; text-align:left; font-weight:normal; padding:0px; margin:0px;}

.InfoBox 		{ border-top:1px solid #555555; text-align:left; clear:both;}
.InfoTab 		{ border-top-left-radius:10px; border-top-right-radius:10px; cursor:pointer; width:120px; float:left; font-size:14px; font-family:Arial; color:#fff; text-align:center; margin:0px 2px 0px 0px; padding:5px; border:1px solid #888888; border-bottom:0px solid #ffffff; background:#aaaaaa;}
.InfoTab:hover		{ border:1px solid #888888; border-bottom:0px solid #ffffff; background:#5555FF;}
.InfoTabOn 		{cursor:pointer; width:120px; float:left; font-size:14px; font-family:Arial; color:#fff; text-align:center; margin:4px 2px 0px 0px; padding:5px; border:1px solid #888888; border-bottom:0px solid #888888; background:#0066FF;}
.InfoTabLight		{cursor:pointer; width:120px; float:left; font-size:14px; font-family:Arial; color:#fff; text-align:center; margin:0px 2px 0px 0px; padding:5px; border:1px solid #888888; border-bottom:0px solid #ffffff; background:#5555FF;}

.InfoFieldSet 		{FONT-FAMILY:Tahoma, arial; COLOR:#666666; FONT-SIZE:10px; border:1px solid #555555;}
.IFPad 			{padding:5px}
table.pagecontentbox 	{width:100%;}
div.InfoTab:hover 	{background:#5555FF;}

.OProduct 		{position:relative; text-align:center; display:inline-block; border:1px solid #888; margin:10px; vertical-align:top; width:180px; background:#fff; font:12px/14px Arial}
.OProduct div.OPinfo 	{position:absolute; display:none; background:#eef; border:1px solid #005; margin:0px 0px 0px -10px; width:190px; padding:5px; z-index:200;}
div.OProduct:hover div.OPinfo { display:block;}

.CartInfoBox 		{position:fixed; top:5px; right:5px; float:right; border:1px solid #444444; width:280px; padding:0px 5px 5px 5px; font-size:10px; font-family:tahoma; background-color:#ccc; color:#555555; z-index:10;}
.CartInfoBoxHide 	{position:absolute; top:5px; right:5px; float:right; border:1px solid #444444; width:280px; padding:0px 5px 5px 5px; font-size:10px; font-family:tahoma; background-color:#ccc; color:#555555; z-index:10; border-radius:5px;}
.cartframe 		{PADDING:10px 5px 10px 5px; margin:0px; border:1px solid #aaaaaa; background:#eee; width:250px;}
.displayphotoinner 	{vertical-align:middle;	text-align:center;}

.fileDLboxSet 		{display:inline-block; margin:5px 0px 10px 5px;}
.fileDLbox 		{float:left; margin:5px; width:420px; padding:5px; background:#ffffff; border:1px solid #aaaaaa; font-size:12px; font-family:arial;}
.fileDLicon 		{float:left; padding:5px 10px 0px 0px; cursor:pointer;}
.fileDLinfo 		{float:left; width:350px;}
.fileDLname 		{color:#0000FF;}
.fileDLdiz 		{height:2.5em; overflow-y:scroll; border:1px solid #eeeeee;}

.searchboxib 		{DISPLAY:inline-block; TEXT-ALIGN:center; FONT-SIZE:12px; font-family:tahoma; height:130px; width:280px; color:#888888; background-color:white; border:1px solid #888888; margin:5px; PADDING:5px; vertical-align:top;}


/* *** display portfolio *** */
.PMPn 			{width:400px;}
.PMPw 			{width:450px;}
.PortfolioText 		{FONT:12px/12px Tahoma,"Trebuchet MS",Tahoma,Arial; color:#555588; text-align:justify; padding:10px; margin:5px; border:1px solid #ccc;}


/* *** Multi Photo Adaptive Gallery Only *** */

.GAdisplaygallery {white-space:nowrap; position:relative; width:100%; height:100%;vertical-align:middle}
.GAphotovset {display:inline-block;height:100%;vertical-align:middle;width:0px;}

.GAdisplayphoto		{background:transparent url('layout/loading.gif') no-repeat center; vertical-align:middle; text-align:center; border:0px solid #5588FF;overflow-x:hidden; overflow-y:hidden;display:inline-block;position:relative;}
.GAphotoset		{border:1px solid #eeeeee; vertical-align:middle;margin:auto;display:inline-block;}
.GAphotovset		{display:inline-block;height:100%;vertical-align:middle;width:0px;}
.GAdisplayphotothumbs	{display:inline-block; border:0px solid #555555; overflow:hidden; text-align:left; height:75px; white-space:nowrap;}
.GAthumbset		{vertical-align:middle; text-align:center; display:inline-block; width:100px; height:73px; background:#ddd; border:1px solid #05f; margin-right:2px; overflow:hidden; cursor:pointer}		/* for use in gallery where portrait pictures are thin */
.GAdisplaydiz		{ font:12px/12px arial; position:absolute; left:110px;}
.GAdizbox		{ background:#fff; border:2px solid #888; border-radius:5px; box-shadow:2px 2px 3px #888;}
.GAdisplaydizclose 	{ border-radius:5px; background:#cccc87; color:#855; border:1px solid #000; cursor:pointer; padding:5px 0px 5px 0px; margin:3px;}

.zzgnavleft 		{background:url('layout/gallery-left.png') no-repeat center; width:56px;height:100px;cursor:pointer;margin-right:0px;display:inline-block;vertical-align:middle}

.gnavleft 		{ background:url('layout/layout.png?170716') 1px -120px no-repeat; width:56px; height:100px; cursor:pointer; margin-right:0px; display:inline-block; vertical-align:middle}
.gnavleft:hover		{ background:url('layout/gallery-left-hover.gif') no-repeat center; width:56px; height:100px; cursor:pointer;}
.gnavright 		{ background:url('layout/layout.png?170716') -54px  -120px no-repeat; width:56px; height:100px; cursor:pointer; margin-left:0px; display:inline-block; vertical-align:middle}
.gnavright:hover 	{ background:url('layout/gallery-right-hover.gif') no-repeat center; width:56px; height:100px; cursor:pointer;}
.gnavthumbleft		{ background:url('layout/layout.png') 1px -40px no-repeat; width:56px; height:80px; cursor:pointer; display:inline-block;}
.gnavthumbright		{ background:url('layout/layout.png') -54px -40px no-repeat; width:56px; height:80px; cursor:pointer; display:inline-block;}
.gnavthumbleft:hover 	{ background:url('layout/gallerythumb-left-hover.gif') no-repeat center; width:56px; height:80px; cursor:pointer;}
.gnavthumbright:hover	{ background:url('layout/gallerythumb-right-hover.gif') no-repeat center; width:56px; height:80px; cursor:pointer;}


/****************** Photo Galleries for News / Products / Galleries *********************/

/*new gallery display-content-gallery*/

.displaygallery 	{white-space:nowrap; position:relative; width:100%; height:100%; vertical-align:middle}
.displayphoto 		{background:transparent url('layout/loading.gif') no-repeat center; vertical-align:middle; text-align:center; border:0px solid #5588FF; overflow-x:hidden; overflow-y:hidden; display:inline-block; position:relative;}
.displayphotoOL 	{background:url('layout/product.gif') repeat; position:absolute; text-align:left; z-index:10; width:100%; height:100%;}
.photovset 		{display:inline-block; height:100%; vertical-align:middle;width:0px;}
.photoset 		{border:1px solid #eeeeee; vertical-align:middle; margin:auto; display:inline-block;}
.displayphoto img 	{vertical-align:middle}
.galthumbs 		{display:inline-block; border:1px solid #555555; overflow:hidden; text-align:left; height:75px; white-space:nowrap;}
.galthumbset 		{vertical-align:middle; text-align:center; display:inline-block; width:100px; height:73px; background:#ddd; border:1px solid #05f; margin-right:2px; overflow:hidden; cursor:pointer}		/* for use in gallery where portrait pictures are thin */

/* below used in module-gallery for news / tutorials / portfolio etc */
.displayphotothumbs 	{border:1px solid #555555; overflow:hidden;	width:490px;}
.thumbset		{border:1px solid #fff; cursor:pointer; vertical-align:middle; display:inline-block}
.thumbsetpad 		{vertical-align:top; display:inline-block; width:100px; background:#ddd; height:73px; text-align:center; border:1px solid #05f; overflow:hidden; cursor:pointer}		/* for use in gallery where portrait pictures are thin */

.displaydiztop 		{BACKGROUND:url(layout/php/descriptionbox-top.png) no-repeat top center; width:350px; height:49px; line-height:2em; color:#fff; font-family:"trebuchet MS", Tahoma; font-size:18px; text-align:center;}
.displaydizmid 		{BACKGROUND:url(layout/php/descriptionbox-mid.png) repeat-y top center; width:350px; color:#555; font-family:"trebuchet MS", Tahoma; font-size:12px; text-align:justify;}
.displaydizbase 	{BACKGROUND:url(layout/php/descriptionbox-base.png) no-repeat top center; width:350px; height:9px;}
.displaydizclose 	{background:#cccc87; color:#855; border:1px solid #000; cursor:pointer; padding:5px 0px 5px 0px; width:350px;}
.displaydiz 		{font:12px/12px arial;position:absolute;left:110px;}

/********* GALLERY MANAGER Menu ********/

.GalleryHdr 		{width:300px;height:45px;font:16px/36px Tahoma,Arial;text-align:center;color:#fff}
#gallery-menu  		{padding:5px; text-align:center} 
#gallery-menu ul 	{list-style:none;padding:0;margin:0;text-align:center;}
#gallery-menu li 	{ background:#dfd9a4; display:inline-block; text-align:center; margin:2px;}
#gallery-menu li a 	{ width:200px; height:35px; color:#000; text-decoration:none; text-align:center; font:14px/16px "Trebuchet MS", Tahoma, Arial; border:2px solid #ccc; border-radius:5px;}
#gallery-menu li a.GalActive { background:#ffffaa;}
#gallery-menu li a:hover { background :#855; color:#FF0;}

.PGLayoutA 		{ text-align:justify; display:inline-block; width:auto; vertical-align:top; margin-right:0px; border:0px solid #0f0;}

/******************** LINK MANAGER *********************/

.LinkHeader		{FONT-FAMILY:Arial; COLOR:#000000; TEXT-ALIGN:left; FONT-SIZE:18px; border-bottom:1px dashed #aaaaaa;}
.LinkCat		{font-size:16px; color:#550000; border:1px solid #aa8800; background:#ffff88;}
.LinkSubCat		{border:1px solid #555; padding:5px; font-size:14px; color:#555; background:#ffc;}

/****** FILE MANAGER ******/

.FMcat			{ font-size:16px; color:#500; border:1px solid #a80; background:#ffc; padding:4px; text-align:left}
.FMsubcat		{ font-size:14px; color:#555; border:1px solid #fc0; background:#ffe; padding:4px; text-align:left; margin-left:10px;}
.FMinfobox		{ font-size:10px; color:#000; border:1px solid #888; background:#fff; padding:4px; width:170px; float:right}
.FMbox			{ border-bottom:1px dashed #aaa; text-align:left; margin-bottom:5px; vertical-align:top; margin:5px 0px 0px 20px;}
.FMbox img		{ margin:0px 5px 5px 0px; height:100%; float:left;}
.FMname			{ font-size:16px; color:#0000ff;}


/******************** INFORMATION MANAGER FAQ's *********************/

.faqCatBox 		{background:#fff; border:1px solid #eee; line-height:20px;}
.FAQHeading 		{FONT-FAMILY:Tahoma, Arial; COLOR:#444444; FONT-SIZE:18px; text-align:center;}
.faqCatEntry		{padding:0px; cursor:pointer; color:#f55; text-align:left;}
.faqboxl 		{float:left; min-width:280px; width:28%; PADDING:10px 10px 10px 20px; margin:0px;background:#fff;border:1px solid #888;margin-right:10px;padding:5px;}
.faqboxr 		{float:left; min-width:280px; width:66%; PADDING:10px 15px 10px 10px; margin:0px;background:#fff;border:1px solid #888;}
.faqanswer 		{color:#000;background:#fff;border:1px solid #888;padding:10px;}

/******************** BANNER GALLERY *********************/

.BannerDisplay		{}
.BannerAlt 		{display:none; text-align:center;}
.BannerBox 		{position:absolute; left:0px;padding:0px;width:980px;}
.displayBanner 		{position:relative; border:1px solid #555555; overflow:hidden; text-align:left; overflow-x:hidden;}
.bannerimg 		{text-align:center; display:inline-block; vertical-align:top; text-align:center; border:0px solid #eee; FONT:14px/14px Arial,Tahoma,"Trebuchet MS",Tahoma,Arial; color:#00ffff;}
.bannerdiz 		{text-align:center; vertical-align:top; white-space:normal; overflow:visible; border:0px solid #f00; FONT:12px/14px Arial,Tahoma,"Trebuchet MS",Tahoma,Arial; color:#000088; padding:2px 5px 0px 5px;}

.BannerDisplay
  div.bannerNav 	{ position:absolute; display:none; background:#888; border:1px solid #555; color:#fff; font:10px/12px Arial; cursor:pointer; z-index:200;right:100px;}
div.BannerDisplay:hover
   div.bannerNav 	{ display:block;}
.bannerNav span:hover 	{ background:#855;}

/* for bannermode 2 to allow DIV element to be faded out/-replaced-/in set display none so link works.*/
.bannerfade  		{ position:absolute; z-index:1; opacity:0; top:0px; left:0px;}
.bannerfadeF 		{ position:relative; z-index:2;}

/**************************** ADVERTISER DIRECTORY ************************/

.TradeInfo		{display:inline-block; margin:0px 10px 10px 0px; vertical-align:top; width:300px; height:180px; overflow:hidden; border:1px solid #0000ff; text-align:center;}
.TradeHdr		{FONT:18px/18px Tahoma,Arial;}
.AddName 		{FONT-FAMILY:Tahoma, arial; COLOR:#666666; FONT-SIZE:10px; text-align:center;}

/**************************** CONTACT FORM AND BOOKING FORM ************************/

.FormSelect   		{ background:#eeeeff; border:1px solid #555; border-radius:5px; padding:4px; margin-bottom:5px; cursor:pointer; min-width:290px; max-width:450px}
.AHelpBase    		{ position:absolute; float:right; right:5px; max-width:450px; min-width:290px; font:12px/14px tahoma; z-index:950; border:4px solid #FFF;} /* was 888 was 250 */
.AHelpContent 		{ background:#eee; color:#000; border:0px solid #fff;padding:4px;padding:4px;}
.AHelpInner   		{ background:#eee; color:#000; border:4px solid #888; }
.AHelpTitle   		{ background:#ccc; color:#800; border:1px solid #000; font-weight:bold; padding:4px 0px 4px 0px;}

/*** BOOKING MANAGER **/

.calboxmain 		{display:inline-block;width:230px;border:0px solid #f00;vertical-align:top;}/*white-space:normal; IE then does not support whitespace wrap in child.*/
.calboxhdr  		{display:inline-block;width:30px;height:20px;border:1px solid #555;background:#555;color:#fff;margin:0px;font-size:10px;}
.calbox     		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#eee;color:#00f;margin:0px;}
.calboxblank		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#eee;color:#00f;padding-top:12px;font:12px/12px Arial;}
.calboxfree 		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#8f8;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer}
.calboxpend 		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#acf;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer}
.calboxbook 		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#f55;color:#fff;padding-top:12px;font:12px/12px Arial;}
.calboxpast 		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#ddd;color:#000;padding-top:12px;font:12px/12px Arial;}
.calboxdupe 		{display:inline-block;width:30px;height:30px;border:1px solid #f00;background:#000;color:#fff;padding-top:12px;font:12px/12px Arial;}
.calboxbroke		{display:inline-block;width:30px;height:30px;border:1px solid #fff;background:#8af;color:#000;padding-top:12px;font:12px/12px Arial;} /*background:url(layout/php/bg-calbroke.png) no-repeat top center;}*/
.calboxsel  		{border:1px solid #f0f;}

.calboxGR {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #aaffaa 50%, #ff7777 50%);}
.calboxBR {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #aaccff 50%, #ff7777 50%);}
.calboxGB {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #aaffaa 50%, #aaccff 50%);}
.calboxRB {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #ff7777 50%, #aaccff 50%);}
.calboxBG {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #aaccff 50%, #aaffaa 50%);}
.calboxRG {display:inline-block;width:30px;height:30px;border:1px solid #fff;color:#000;padding-top:12px;font:12px/12px Arial;cursor:pointer; background:#aff linear-gradient(to right bottom, #ff7777 50%, #aaffaa 50%);}

.textbox { background:#fff;border:1px solid #555;padding:5px;margin:5px;width:600px; font:12px arial;}	/* for use in areas where textarea could be used but can't */

/*********** RADIO ALTERNATIVE *****************/

.RadioSelect		{ background:#EEF; min-width:100px; width:100px; display:inline-block; cursor:pointer; border:1px solid #555; border-radius:5px; padding:4px; margin:5px;}
.RadioSelect:hover	{ background-color: #FCA;} 


/************ QUICK ACCESS MENU ****************/

.QuickMenu 		{background:#ffee44;text-align:center; font:10px/11px Tahoma; color:#666;}
.QuickMenuHdr 		{background:#fff;text-align:center; font:10px/11px Tahoma; color:#333; white-space:nowrap;}


/*********** SITE MAP ***************/
.sitemapmain 		{}
.sitemapcol 		{display:inline-block; vertical-align:top; text-align:left; padding:5px 5px 15px 5px; border-left:1px dotted #aaa;}
.sitemapin 		{text-align:left; width:410px; padding:5px; border-left:1px dotted #aaa;}
.sitep 			{padding:0px 0px 0px 20px; overflow-x:hidden; width:400px; white-space:nowrap; border:0px solid #00ff00;}
.ExpandList 		{font-size:10px; border:1px solid #aaF; cursor:pointer; background:#ddeeff;}
.sitemapcat 		{border :1px dotted #aaa; background :#ddd; width:300px; padding:2px; margin-left:-10px; text-align:center; margin-bottom:0px;}

A.headings:link 	{COLOR:#000058; FONT-SIZE :16px; FONT-FAMILY :Tahoma, Verdana, Arial}
A.headings:visited 	{COLOR:#000058; FONT-SIZE :16px; FONT-FAMILY :Tahoma, Verdana, Arial}
A.headings:hover 	{COLOR:#0000FF; FONT-SIZE :16px; FONT-FAMILY :Tahoma, Verdana, Arial}
A.clsm:link		{COLOR:#666666; FONT-SIZE:10px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent; }
A.clsm:visited		{COLOR:#666666; FONT-SIZE:10px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent; }
A.clsm:hover		{COLOR:#FF0000; FONT-SIZE:12px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent; }

/********* POLL MANAGER ********/

.PollQuestion 		{FONT:18px/22px Tahoma,Verdana,Arial;COLOR:#000;TEXT-ALIGN:left;border-bottom:1px solid #888;}
.PollDescript		{width:610px;FONT:12px/14px Tahoma;COLOR:#555;TEXT-ALIGN:justify;margin:5px 10px 0px 0px;padding:5px;border:1px solid #aaa;background:#eee;}
.PollOptions  		{width:610px;border:1px solid #ccf;padding:5px;}
.PollChoice   		{cursor:pointer;padding:2px;border:1px solid #ddd;}
td.Pollbo 		{border-bottom:1px solid #aaa; FONT:12px/14px 'Trebuchet MS',Arial,Tahoma;COLOR:#888;TEXT-ALIGN:left;}

/********* HIRE *******************/

.hirebox 		{float:left; width:220px; HEIGHT:344px;  margin:5px; text-align:center; font-size:12px; font-family:"trebuchet MS"; color:grey;}
.hireprice 		{text-align:center; font-size:12px; font-family:"trebuchet MS"; font-weight:bold; color:green;}
.hirehdr 		{COLOR:#1C9445; text-align:center; FONT:16px/18px "Trebuchet MS", Tahoma, Arial;}

/************ Dealer **********/

.DealerState 		{font:18px/20px Arial,Verdana;color:#f00;border-bottom:1px solid #f00;padding:5px;}


/***************** PHP ICONS USAGE ************************** position is X Y ****************/

.IconLock  		{background :url('layout/php/icons-php.png?160525')  -80px  0px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}
.IconUnlock 		{background :url('layout/php/icons-php.png?160525') -240px  0px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}
.IconOfflock 		{background :url('layout/php/icons-php.png?160525') -260px  0px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}
.Calendar 		{background :url('layout/php/icons-php.png?160525') -180px  0px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}

.IconSMTick		{ background :url('layout/php/icons-php.png?160525')  -0px -20px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.IconSMExclame		{ background :url('layout/php/icons-php.png?160525') -20px -20px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.IconSMQuestion		{ background :url('layout/php/icons-php.png?160926') -310px -20px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}

.IconInfo  		{background :url('layout/php/icons-php.png?160525')  -90px -40px no-repeat; left:0px; width:30px;height:30px;}
.IconSave  		{background :url('layout/php/icons-php.png?160525') -120px -40px no-repeat; left:0px; width:30px;height:30px;}
.IconMiniSave  		{background :url('layout/php/icons-php.png?160525') -160px -20px no-repeat; left:0px; width:20px;height:20px;}
.IconMagnify 		{background :url('layout/php/icons-php.png?160525') -210px -40px no-repeat; left:0px; width:30px;height:30px;}
.IconNotice  		{background :url('layout/php/icons-php.png?160525') -240px -40px no-repeat; left:0px; width:30px;height:30px;}
.IconHelp  		{background :url('layout/php/icons-php.png?160525') -270px -40px no-repeat; left:0px; width:30px;height:30px;cursor:pointer}

.HelpOff 		{background :url('layout/php/icons-php.png?160525')    0px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.HelpOn   		{background :url('layout/php/icons-php.png?160525')  -20px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.InfoOff  		{background :url('layout/php/icons-php.png?160525')  -40px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.InfoOn   		{background :url('layout/php/icons-php.png?160525')  -60px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.ClearOff 		{background :url('layout/php/icons-php.png?160525')  -80px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.ClearOn 		{background :url('layout/php/icons-php.png?160525') -100px -70px no-repeat; left: 0px; width:20px; height:20px; cursor:pointer;}
.WebOff 		{background :url('layout/php/icons-php.png?160525') -120px -70px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}
.WebOn   		{background :url('layout/php/icons-php.png?160525') -140px -70px no-repeat; left: 0px; width:20px;height:20px; cursor:pointer;}

.IconOpen  		{background :url('layout/php/icons-php.png?160525')    0px -90px no-repeat; left:0px; width:20px;height:20px;cursor:pointer}
.IconClose 		{background :url('layout/php/icons-php.png?160525')  -20px -90px no-repeat; left:0px; width:20px;height:20px;cursor:pointer}


/******* CSS content hide / display *******/

.E-select 		{cursor:pointer;}
div.E-select:hover 	{background:#fff;}

/*************** General Pages **********************/

.GenPageSelect		{ padding:2px; background:#fff; border:0px solid #888;margin:4px;}
input.PageSelect	{ cursor:pointer; font:10px/12px Tahoma; color:#f00; text-align:center; background:#FFF; border:1px solid #f00; border-radius:5px;}
input.PageSelect:Hover	{ background:#F00; color:#FFF;}
input.PageSelectOn	{ cursor:pointer; font:10px/12px Tahoma; color:#FFF; text-align:center; background:#FAA; border:1px solid #f00; border-radius:5px;}

.IBlockset 		{display:inline-block; margin:0px 10px 0px 10px;vertical-align:top}
.IBlocksetAA 		{display:inline-block; margin:0px 5px 0px 5px;vertical-align:top}
.ver 			{FONT-FAMILY:Tahoma, arial; COLOR:#666666; FONT-SIZE:10px;}
.verc 			{FONT-FAMILY:Tahoma, arial; COLOR:#666666; FONT-SIZE:10px; text-align:center;}
.adminmenu 		{font-size:10px; color:black; padding:0px; width:80px;}
.pwords 		{FONT-FAMILY:Arial;COLOR:#000088; FONT-SIZE:12px;}		/*site search sitemap*/
.CurP 			{cursor:pointer;}
.ContentBreak 		{background:#cccccc; height:5px; margin:10px;}
.Heading18 		{COLOR:#444444; FONT:18px/24px Tahoma,Arial;}
.Heading18L 		{FONT-FAMILY:Arial; COLOR:#000000; TEXT-ALIGN:left; FONT-SIZE:18px; border-bottom:1px dashed grey;}
.Heading20 		{FONT-FAMILY:Tahoma, Arial; COLOR:#3b70a0; TEXT-ALIGN:center; FONT-SIZE:20px; border-bottom:1px dashed #555555; padding:2px;}
.boxd 			{PADDING:5px 5px 5px 5px; margin:0px; border:1px solid #aaaaaa; background-color:#eeeeee; width:250px;}
.boxdhdr 		{PADDING:5px; margin:0px; border:1px solid #aaaaaa; background-color:#aadddd; color:#4444ff; FONT-SIZE:14px; font-family:Tahoma, Arial; text-align:center; width:250px;}
.wblk			{color:black}
.wblu			{color:blue}
.wred			{color:red}
.wgre			{color:green}
.wgra			{color:#888888}
.fl			{float:left}
.fr			{float:right}
.al			{text-align:left}
.ar			{text-align:right}
.ac			{text-align:center}
.cb			{clear:both}
.cp			{cursor:pointer}
.pab			{position:absolute}

/* *** Admin *** */
.PMLayoutA 		{text-align:justify; display:inline-block; width:604px; vertical-align:top; margin-right:20px; border:0px solid #0f0;}
.PMLayoutB 		{text-align:justify; display:inline-block; width:auto; vertical-align:top; margin:0px 10px 0px 10px; border:0px solid #0f0;}	/* display - portfolio - rss - tutlrial*/

td.bo 			{border-bottom:1px dotted #999;}/********* for defining borders in tables for display order*/
td.ro 			{border-bottom:1px dotted #999;border-right:1px dotted #999; }
tr.bo 			{border-bottom:1px dotted #999; }

input.faded  		{background-color:#eeeeee; color:#000000; border:1px solid #bbbbbb; font-family:tahoma; font-size:8pt; letter-spacing:1px}
input.fadedwc 		{background-color:#ffffff; color:#000000; border:0px solid #bbbbbb; font-family:tahoma; font-size:10pt; letter-spacing:1px;text-align:center}
input.fadedr  		{background-color:#eeeeee; color:#000000; border:1px solid #bbbbbb; font-family:tahoma; font-size:8pt; letter-spacing:1px;text-align:right}
select.faded 		{color:#000000; border:1px solid #aaaaaa; font-family:tahoma; font-size:8pt; }

A.clsm:link		{COLOR:#666666; FONT-SIZE:10px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent;}
A.clsm:visited		{COLOR:#666666; FONT-SIZE:10px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent;}
A.clsm:hover		{COLOR:#FF0000; FONT-SIZE:10px; TEXT-DECORATION:none; BACKGROUND-COLOR:transparent;}

.warning 		{background :#ffdddd; border :1px solid #ff4444; color:#ff0000; padding:5px; margin:10px; text-align:center; border-radius:15px;}

/*** TUTORIAL MANAGER ****/

.TutorialTable		{Width:98%;}
.SetTutorialIMG		{text-align:center;display:inline-block;vertical-align:top;}
.TutorialHeading	{Font:18px/22px Tahoma;text-align:center;border:1px solid #aaaaff;background:#eeeeff;color:#0000ff;}

/*** Club Sale Manager ***/

.PicPreview 		{width:210px;height:160px;margin:5px;text-align:center;font:12px/14px Arial;border:1px solid #eee;position:relative}
.PicPreview div.info 	{position:absolute;display:none; background:#eef;border:2px solid #005;width:320px;padding:5px;z-index:10;} /*margin:0px 0px 0px -55px;*/
div.PicPreview:hover  div.info { display:block;}


/**** Module Content Display and Home Page Module-all ****/

.LinkSet 		{background:#d0ccbb;margin:5px;padding:5px 5px 5px 130px;position:relative;border:1px solid #888;min-height:120px;}
.LinkImg 		{position:absolute;top:5px;left:5px;margin:0px 5px 5px 0px;padding:5px;cursor:pointer}
.LinkImg img 		{border:1px solid #000;padding:5px;background:#fff;}
.LinkTitle  		{color:#005;font:1.5em/1.5em Arial;cursor:pointer;text-align:left}
.LinkTitle A:link 	{BACKGROUND-COLOR:transparent; COLOR:#008800; TEXT-DECORATION:none }
.LinkTitle A:visited	{BACKGROUND-COLOR:transparent; COLOR:#008800; TEXT-DECORATION:none }
.LinkTitle A:hover	{BACKGROUND-COLOR:transparent; COLOR:#0055FF; TEXT-DECORATION:none }
.LinkInfo   		{color:#444;font:italic 1em/1.2em Verdana;}
.LinkContent		{color:#555;background:#e0ddcc;padding:5px;}

/**** MODULE INFORMATION - RSS, tutorials and NEWS mini **/

.ModuleTitle   		{color:#f00;font:12px/16px verdana;}
.ModuleDate    		{color:#558;font:italic 10px/13px arial;}
.ModuleContent 		{color:#666;font:12px/15px arial;padding:0px;}
.ModuleClick   		{color:black;background:yellow;border:1px solid green;}


.cpset 			{cursor:pointer;border:1px solid #fff;padding:2px;background:transparent}
.cpON  			{cursor:pointer;border:1px solid #aaf;padding:2px;background:#eef}
.cpOFF 			{cursor:pointer;border:1px solid #fff;padding:2px;background:transparent}

/***********************############### END ###################*****************/

.PF2Images 		{ text-align:justify; border:0px solid #00f;}
.PF2Images img 		{ display:inline-block; cursor:pointer}
.PF2Images:after	{ content:""; display:inline-block; width:100%;} /* to Justify images  height:0 */
.PF2Images div		{ display:inline-block; background:#fff; border:2px solid #aaa; border-radius:10px; margin:5px; width:auto; padding:5px; text-align:center; font: 12px/14px Arial; box-shadow:2px 2px 3px #aaa; font-weight:bold;}
.PF2Images div:Hover	{ border:2px solid #f00;}

.Mauto			{margin-left:auto; margin-right:auto;} /* for center position of DIV without needing another div */


/* ---------- Final Adjustments ---------- */

.BorderRoundT		{ border-top-left-radius:10px; border-top-right-radius:10px;}
.BorderRoundB		{ border-bottom-left-radius:10px; border-bottom-right-radius:10px;}

.GAdisplayphoto		{ max-width:800px}			/* no calc fallback */
.GAdisplayphoto 	{ width:calc(100% - 112px);}
.GAdisplayphotothumbs	{ max-width:850px}			/* no calc fallback */
.GAdisplayphotothumbs 	{ width:calc(100% - 120px);} 		/* this works but puts box wide even if not enough thumbs to fill it.*/
.GAdisplayphotothumbsA 	{ width:auto; }				/* if total less than box full use this */
.GAphotoset		{ max-width:100%; max-height:100% }
.MCPrimaryMax		{ max-width:600px}			/* no calc fallback */
.MCPrimaryMax		{ max-width:calc(99% - 310px);margin-right:10px;}

/* ---------------- ADAPTIVE ALTERNATION -------------- */

@media screen and (min-width: 1720px) and (max-width: 2020px)
{
}

@media screen and (min-width: 720px) and (max-width: 820px)
{
 .displayBanner		{ width:98%; }
 .adaptiveBI		{ width:98%; }
 .PGLayoutA		{ width:98%; }
 .displayphoto 		{ width:100% }
 .GAphotoset		{ max-width:100%; max-height:100% }

 .GAdisplayphotothumbs	{ width: 80% }				/* no calc fallback */
 .GAdisplayphotothumbs	{ width:calc(100% - 120px);}

 .MCPrimaryMax		{ margin-right:0px; max-width:100%;}
 .AdaptiveIB		{ display:inline-block; vertical-align:top; width:230px;}
}

@media screen and (min-width: 150px) and (max-width: 720px)
{
 .MCPrimary		{ position:relative; min-width:290px; max-width:100%; width:100%; margin:0px;}
 .MCPrimaryMax		{ margin-right:0px; max-width:100%;}
 .MCSecondary		{ position:relative; min-width:300px; width:98%; margin:5px;}
 .MCMinWidth		{ width:auto;}

 .displayBanner		{ width:98%; }
 .adaptiveBI		{ width:98%; }
 .AdaptiveIB		{ display:inline-block; vertical-align:top; width:230px;}
 .AdaptiveHide		{ display:none; }
 .PGLayoutA 		{ width:98%; } /*old gallery */
 .displayphoto 		{ width:98%; } /*old gallery */

 .GAdisplayphoto	{ width:100% }
 .GAphotoset		{ max-width:100%; max-height:100% }
 .GAdisplayphotothumbs	{ width: 80% }			/* no calc fallback */
 .GAdisplayphotothumbs	{ width:calc(100% - 120px);}
 .GAdisplaydiz		{ width:98%;left:0px;margin-left:0px; }
 .gnavleft, .gnavright	{ display:none;}

 .NewsHeading		{ background-image:url(layout/t-dot.gif); background:#fff; border-bottom:2px solid #aaa; width:auto; font-size:18px; height:3em; text-align:center}
}