/***********************************************************
 * Formatting for PHP modules
 * (c)Bout Time Software
 * as of 27.10.2010.  To group for specific modules
8.12.2011 changed pmheading to fixed height and padding of disbox right.
04.01.2011 added code for calendar/booking manager
12.05.09 modified news css
13.01.27 added coded for multi gallery menus and layout
 ***********************************************************/

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

/* obslete*/
.owordsheadh {								/*************** used for ORDER and News Headlines **************/
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
	border-bottom	: 2px dashed grey;
}

.textheader {
	FONT-FAMILY	: "Trebuchet MS";
	COLOR		: #000000;
	FONT-SIZE	: 18px;
}


.ohelp {								/********* used for order and news text */
	FONT-FAMILY	: Arial;
	PADDING		: 10px 20px 40px 40px;
        COLOR		: #666666;
        text-align	: left;
	font-size	: 12px;
}

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

.PMdescriptionbox {							/*************** Product Manager Description Box **************/
        BACKGROUND	: url(layout/php/pmdescriptionbox.png) no-repeat;
	HEIGHT		: 105px;
	WIDTH		: 700px;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 12px;
	color		: #555555;
	padding		: 2px 15px 5px 5px;
	FONT-FAMILY	: "Trebuchet MS", Tahoma, Arial;
overflow-y:hidden;

}

.PMheading {								/*************** Product Manager Header **************/
	COLOR		: #FFFF55;
        TEXT-ALIGN	: left;
	FONT		: 16px/16px Verdana,Arial;
	height		: 20px;
}

.PMViewHeading {
	FONT-FAMILY	: Tahoma, Arial;
	COLOR		: #444444;
	FONT		: 18px/20px Tahoma,Verdana,Arial;
	text-align	: center;
}

.PMSearchHeader {							/************* Product Search Header ****************/
	border-bottom	: 1px dotted #888888;
	padding		: 4px;
	background-color: #FFFFaa;
	text-align	: left;
}

.PMclicknotice {							/* for click to view this product */
	font-size	: 10px;
	color		: #FFF;
	background-color: #888;
	border		: 1px solid #000;
	padding		: 2px;
}

.PMNavLine {
	padding		: 5px;
	color		: blue;
	border		: 1px dotted #aaaaaa;
	background-color: #eeeeee;
	font-size	: 12px;
	font-family	: tahoma;
	text-align	: left;
}
									/* used for product search for sql database*/
.searchbox {
/*  border		: 1px solid #559999; */
	TEXT-ALIGN	: center;
	FONT-SIZE	: 12px;
	font-family	: tahoma;
	height		: 130px;
	width		: 200px;
	color		: #888888;
	background-color: white;
	border		: 1px solid #888888;

  	padding		: 10px;
}

/* ff can use 125px height, ie wants 130 adjusting in headerb.inc*/
.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;
}

/* ff can use 125px height, ie wants 130 adjusting in headerb.inc*/
.searchboxib {								/* use in display-cat */
	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;
}



.productBoxfl {							/* used for new photo insert code */
/*	FLOAT		: left; */				/* no float inline-block instead so i can center everything.. woo */
	display		: inline-block;
	TEXT-ALIGN	: center;
	FONT-SIZE	: 12px;
	font-family	: tahoma;
	height		: 230px;
	width		: 420px;
	color		: #333;
	background-color: #aaa;
	border		: 1px solid #0F0;
	margin		: 5px;
	PADDING		: 5px;
}

.PMLayoutA {							/* new idea in display module to handle multiple blocks so they can float inline on WS */
	text-align	: justify;
	display		: inline-block;
	width		: 604px;
	vertical-align	: top;					/* to counteract inline-block issue */
	margin-right	: 20px;
border:0px solid #0f0;
}

.PMLayoutG {							/* new idea in display module to handle multiple blocks so they can float inline on WS using variable width trial */
	text-align	: justify;
	display		: inline-block;
	width		: auto;
 	vertical-align	: top; 
	margin		: 0px 10px 0px 10px;
border:0px solid #0f0;
}

.PMLayoutB {							/* new idea in display module to handle multiple blocks so they can float inline on WS using variable width trial */
	text-align	: justify;
	display		: inline-block;
	width		: auto;
 	vertical-align	: top; 
	margin		: 0px 10px 0px 10px;
border:0px solid #0f0;
}

.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;
}


.prodprice {						/* use for product manager - product search - product display price */
 BACKGROUND		: url(layout/php/pricebox.png) no-repeat;
 width			: 180px;
 height			: 25px;
 color			: red;
 font-family		: "trebuchet MS", Tahoma;
 font-size		: 14px;
 font-weight		: bold;
 text-align		: right;
 padding-top		: 4px;
}

.prodpricewas {						/* use for product manager - product search - product display price when on special*/
 BACKGROUND		: url(layout/php/pricebox2.png) no-repeat;
 width			: 180px;
 height			: 50px;
 color			: red;
 font-family		: "trebuchet MS", Tahoma;
 font-size		: 14px;
 font-weight		: bold;
 text-align		: right;
 padding-top		: 5px;
}

.PMpriceRetail {					/* used in display cat and product search to display prices */
 FONT-FAMILY		: "Trebuchet MS", Arial;
 COLOR			: #FF0000;
 background		: #ffffff;
 FONT-SIZE		: 12px;
 MARGIN			: 0px;
 border:1px dotted #ffaaaa;
 text-align:center;
}

.PMpriceSpecial {						/* used in display cat and product search to display prices */
 FONT-FAMILY		: "Trebuchet MS", Arial;
 COLOR			: #FF0000;
 background		: #ffffff;
 FONT-SIZE		: 12px;
 MARGIN			: 0px;
 border:1px dotted #ffaaaa;
 text-align:center;
}

.prodlabel {
 float			: left;
 font-size		: 14px;
 font-family		: "trebuchet MS", Tahoma;
 color			: white;
 text-align		: left;
 font-weight		: normal;
}

.FeaturedBox 		{ margin:0px 4px 4px 4px; padding:2px; background:#ddddee; border:2px solid #0000ff; border-top:1px solid #333;}
.PMNotice		{ padding:5px;border:1px solid #888;font-size:10px;text-align:center;color:#888;}


.proddiz { /* brief product description display-cat-module*/
 FONT:12px "Trebuchet MS", Tahoma, Arial;
	COLOR:         #000;
 text-align:justify;
}


/************ Display Product ***************/
.InfoBox {
 background		: #dddddd;
 font-size		: 12px;
 font-family		: Tahoma;
 color			: #555555;
 padding		: 2px;
 border			: 1px solid #555555;
 text-align		: left;
 clear			: both;
}

.InfoTab {							/* info tab is used in display-product */
 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;
}

.InfoTabOn {							/* info tab is used in display-product */
 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 {							/* info tab is used in display-product */
 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 {								/* for fieldset info boxes, picture description, online shopping etc.*/
 FONT-FAMILY		: Tahoma, arial;
 COLOR			: #666666;
 FONT-SIZE		: 10px;
 border			: 1px solid #555555;
}
 
.IFPad {
 padding		: 5px
}


table.pagecontentbox {									/* IE can't handle 100%, so in IE version set to 95% */
	 width		: 100%;

}
/*-----------------Shopping Cart-------------------*/

.CartInfoBox {										/* Show Shopping Cart float top right did have it as fixed.*/
	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;
}

.cartframe {
	PADDING		: 10px 5px 10px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background	: #eee;
	width		: 250px;
}


/****************** Photo Galleries for News / Products / Galleries *********************/
.displayphoto {
	background	: transparent url('layout/php/loading.gif') no-repeat center; 
	vertical-align	: middle;
	text-align	: center;
	border		: 1px solid #5588FF;
	overflow	: hidden;
/* old
	position	: absolute;
	top		: 233px;
	left		: 22px;
	width		: 556px;
	height		: 480px;
	text-align	: center;
	width		: 100%;
	overflow	: hidden;
	position	: relative;
*/
}

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


.displaydiz {							/* not used */
	width		: 550px;				
        height		: 200px;
	text-align	: justify;
	border		: 1px solid #333333;
}

.PGLayoutA {							/* new idea in display module to handle multiple blocks so they can float inline on WS */
	text-align	: justify;
	display		: inline-block;
	width		: auto;					/* to be manually defined based on configuration values */
	vertical-align	: top;					/* to counteract inline-block issue */
	margin-right	: 0px;
border:0px solid #0f0;
}


.displaydiztop {							/* for displaying photo gallery description. 3 parts */
 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;
}


.photoset {
	border		: 1px solid #ffffff; 
	vertical-align	: middle;
}

.thumbset {
	border		: 1px solid #ffffff;
	cursor		: pointer;
	vertical-align	: middle;
}

.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 */

.photosetg {
	border		: 1px solid #555555;
}

.displaythumbs {
	text-align	: center;
	color		: #555;
}

.displayphotothumbs {
        border		: 1px solid #555555;
	overflow	: hidden;
	width		: 490px;				/* default setting assuming 550 image is used as each arrow is 30 wide.  will override this now in -insert.php */
}


/******* File Download Boxes ***********/

.fileDLboxSet {
/*	float		: left;*/
	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;
}


/******************** 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:#550000;border:1px solid #aa8800;background:#ffff88;}
.FMsubcat	{font-size:14px;color:#555555;border:1px solid #ffcc00;background:#ffffcc;padding:2px;}
.FMinfobox	{font-size:10px;color:#000000;border:1px solid #888888;background:#ffffff;padding:4px;width:170px;float:right}
.FMfilename	{font-size:16px;color:#0000ff;border-bottom:1px dashed #aaaaaa;text-align:left;cursor:pointer;margin-bottom:5px;}


/******************** 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;
	width		: 28%;
	PADDING		: 10px 10px 10px 20px;
	margin		: 0px;
}
.faqboxr {
	float		: left;
	width		: 66%;
	PADDING		: 10px 15px 10px 10px;
	margin		: 0px;
}

.faqanswer {
	color		: #000;
/*	font-size	: 12px;font-family:Tahoma; */
}

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

.BannerBox {
	position	: absolute;
	left 		: 0px;
	padding		: 0px;
	width		: 980px;
/*
	z-index		: 100;
	background	: url(layout/banner-box.png) no-repeat top center;
	height		: 535px; 
*/

}

.displayBanner {
        border		: 1px solid #555555;
	overflow	: hidden;
	width		: 490px;				/* default setting assuming 550 image is used as each arrow is 30 wide.  will override this now in -insert.php */
	white-space	: nowrap;
	text-align	: left;
        overflow-x	: hidden;				/* put position;relative on div in mode2, not mode 1 else displaybox missing*/
}


.bannerimg {
	text-align	: center;
	display		: inline-block;
	vertical-align	: top;					/* to counteract inline-block issue */

	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;					/* to counteract inline-block issue */
	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;
}

/* for bannermode 2 to allow DIV element to be faded out/-replaced-/in set display none so link works.*/
.bannerfade  { opacity:0; position:absolute;z-index:1;}
.bannerfadeF { position:absolute;z-index:2;}					/* this covers first element so it is visible */



/**************************** 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;
/*	Font-Weight	: bold;*/
}

.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;padding:4px;margin-bottom:5px;cursor:pointer;width:470px; }
.AHelpBase    { position:absolute;float:right;right:5px;width:250px;font:12px/14px tahoma;z-index:99; }
.AHelpContent { background:#eee;color:#000;border:1px solid #fff;padding:4px; }
.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;}


.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 */



/*********************/

.ver {
	FONT-FAMILY	: Tahoma, arial;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
}

.verc {
	FONT-FAMILY	: Tahoma, arial;
        COLOR		: #666666;
	FONT-SIZE	: 10px;
	text-align	: center;
}


.adminmenu {								/********* display orders for buttons */
	font-size	: 10px;
	color		: black;
	padding		: 0px;
	width		: 80px;
}

.pwords {								/******* displaying words in feedback */
	FONT-FAMILY	: Arial;
/*	BACKGROUND-COLOR: #ffffff;*/
	COLOR		: #000088;
	FONT-SIZE	: 12px;
}

/*************** NEWS Display & Searching *****************/

.InsertBox {								/* NEW standard box for use with news insert for index page. (see sqafca) */
	float		: right;
	background	: url('layout/background-insert.png') no-repeat top center;
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	width		: 262px;
	height		: 341px;
	text-align	: center;
}
.InsertHDR {								/* header for above */
	PADDING		: 5px;
	color		: #fff;						/*4444ff;*/
	FONT-SIZE	: 14px;
	font-family	: Tahoma, Arial;
	text-align	: center;
	width		: 250px;
}
.InsertTXT {								/* standard box for use with news insert for index page. */
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	width		: 250px;
	text-align	: left;
}
/******************/

.boxd {									/********* News for small display window */
	PADDING		: 10px 5px 10px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #eeeeee;
	width		: 250px;
}

.pagetext {								/********* used for news text and inside new-search table*/
	FONT-FAMILY:   "Trebuchet MS", Tahoma, Arial;
	COLOR:         #000;
	FONT-SIZE:     12px;
	MARGIN:        0px;

/*
	FONT-FAMILY	: Arial;
	PADDING		: 10px 20px 40px 40px;
        COLOR		: #666666;
        text-align	: left;
	font-size	: 12px;
*/
}


.NewsInsertSet {
	float		: right;
	padding		: 10px 0px 0px 10px;
}

.NewsInlay { padding : 10px 10px 0px 10px;}

.NewsInsertTop {
	background	: url(layout/php/background-news-top.jpg) no-repeat top;
	padding		: 0px;
	width		: 263px;
	height		: 31px;
        TEXT-ALIGN	: center;
	COLOR		: #cfab06;
	FONT-SIZE	: 14px;
	FONT-FAMILY	: Tahoma,Arial;
}

.NewsInsert {
	background	: url(layout/php/background-news-insert.jpg) repeat-y top;
	padding		: 0px;
	width		: 263px;
	COLOR		: #dddddd;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 12px;
}

.NewsInsertBottom {
	background	: url(layout/php/background-news-bottom.jpg) no-repeat top;
	padding		: 0px;
	width		: 263px;
	height		: 21px;
}

.NewsArticleContent {
	FONT-FAMILY	: Arial;
	PADDING		: 10px 10px 40px 40px;
        COLOR		: #444444;
        text-align	: left;
	font-size	: 12px;
}

.NewsHeadline		{ COLOR:#000; FONT:18px/18px Arial; text-align:left; border-bottom:1px dashed grey;}
.NewsDate		{ COLOR:#555588; FONT:14px/18px Arial;}

A.newsl:link		{ COLOR: #55FF55; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.newsl:visited		{ COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: transparent; }
A.newsl:hover		{ COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND-COLOR: #333333;padding:3px 0px 3px 0px; }

.newsdatebox		{float:left;cursor:pointer; width:58px; height:35px;border:1px solid #dddddd;text-align:center;}			/* for month and year boxes in search archive */
.newsdatectr		{font-size:10px;color:#000;}


/************ 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;}


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


.IBlockset { display:inline-block; margin:0px 10px 0px 10px;vertical-align:top}


/*********** SITE MAP ***************/
.sitemapmain {
/*
	background	: url(layout/php/sitemap-bg.png) repeat top left; 
*/
}

.sitemapcol {
/*
	background	: url(layout/php/sm-line.png) no-repeat top left; 
	float		: left;
*/
	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 {								/* for site map */
	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;
}

/********* 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;}


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

.GalleryHdr {background:url(layout/php/gallery-heading.png) center no-repeat;width:450px;height:45px;font-size:16px;text-align:center;color:#fff}

#gallery-menu 	 { padding:5px;text-align:center; border:1px solid #958502; margin:10px;background:#c8c39c;} 
#gallery-menu ul { list-style: none;padding: 0;margin: 0;}
#gallery-menu li { background:#dfd9a4;display:inline-block;color:#fff;text-align:center;FONT-FAMILY:"Trebuchet MS", Tahoma, Arial;font-size:12px;}
#gallery-menu li a {width:150px;height:33px;color:#000;text-decoration:none;text-align:center;font:12px/16px "Trebuchet MS", Tahoma, Arial;border:1px solid #fff;}
#gallery-menu li a:hover {background :#855;padding-top:0px;color:#FF0;border:1px solid #ff0;}

/***********************************/

.ContentBreak {								/* to provide alternative to HR for separating content. later convert to background image. */
	background	: #cccccc;
	height		: 5px;
	margin		: 10px;
}

.Heading18 {								/* General small headings such as news article search */
	COLOR		: #444444;
	FONT		: 18px/20px Tahoma,Arial;
}

.Heading18L {								/* for news headings */
	FONT-FAMILY	: Arial;
	COLOR		: #000000;
        TEXT-ALIGN	: left;
	FONT-SIZE	: 18px;
	border-bottom	: 1px dashed grey;
}

.Heading20 {								/* display brand name in display-cat */
	FONT-FAMILY	: Tahoma, Arial;
	COLOR		: #3b70a0;
        TEXT-ALIGN	: center;
	FONT-SIZE	: 20px;
	border-bottom	: 1px dashed #555555;
	padding		: 2px;
}


.boxd {									/* standard box for use with square border and flat bg details in portfolio also idea for float right modules.*/
	PADDING		: 5px 5px 5px 5px;
	margin		: 0px;
	border		: 1px solid #aaaaaa;
	background-color: #eeeeee;
	width		: 250px;
}
.boxdhdr {								/* header for boxd */
	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}

.txred { color: #aa0000}

	/* for standard headings and links on sitemap */
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; }




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; }


.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;
}

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;}


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


/*** 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;} 

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