body{background:white url(../thainstonecentre/images/nav_images/thainstone_lefthand.gif) repeat-y left top;}

/*|||||||||||||||||||||||||||DIV LEFT - menu links|||||||||||||||||||||||||||||||||||||||||||*/
.menutitle{background: url(../thainstonecentre/images/nav_images/tc_imageswitch_plus.gif) 0 0 no-repeat;}
.menutitle2{background: url(../thainstonecentre/images/nav_images/tc_imageswitch.gif) 0 0 no-repeat;}
#wrapper #content #editablecontent #midpic {
	text-align: center;
}


.menutitle a, .menutitle2 a{
		display:block;
		height:20px;
		font:11px/1 sans-serif;
		color:#717272;
		text-decoration: none;
		font-weight:bold;
}
.menutitle a{background: url("../thainstonecentre/images/nav_images/tc_imageswitch_plus.gif") 0 0 no-repeat;}
.menutitle2 a{background: url("../thainstonecentre/images/nav_images/tc_imageswitch.gif") 0 0 no-repeat;}

.menutitle a:visited, .menutitle2 a:visited{color:#717272}
.menutitle a:focus,.menutitle2 a:focus {width:100%;height:100%;background-position: -180px 0;color: #fff;}
.menutitle a:hover, .menutitle2 a:hover{width:100%;height:100%;background-position: -180px 0;color: #fff;}
.menutitle a:active, .menutitle2 a:active{width:100%;height:100%;background-position: -360px 0;color:#fff;}

.submenu a{color:#fff;}
.submenu a:visited{color:#fff}
.submenu a:focus{background-color:#e7b09f;color:black}
.submenu a:hover{background-color:#e7b09f;color:black}


/*|||||||||||||||||||||||||||END OF MENU LINKS|||||||||||||||||||||||||||||||||||||||||||*/
#subrow1,#subrow2{
background:url(../thainstonecentre/images/sub_box_bground_thainstone.gif) repeat-y 0 0;/*ensures all columns the same length(faux columns)*/
border-left:1px solid #717272;
border-right:1px solid #717272;
border-bottom:9px solid #717272;
width:597px;}

#header, #main h1, #row1 h2, #row2 h2, #footer, h3, #submain h1{background:#717272;}

.mainbox, .rowbox, .rowboxright{background:#DBDCDC;}
.mainbox, .rowbox, .rowboxright{border:1px solid #717272;}

ul.inline{display:inline;margin:0;border:0;}

/*||||||||||||||||||||||||Second level index styling||||||||||||||||||||||||||||*/

#submain{
border-bottom:9px solid #717272;
border-left:1px solid #717272;
border-right:1px solid #717272;}

.submainbox,.sub_box1, .sub_box2, .sub_box3,.sub_box4 {background:#ebebeb;}

.columnone{border:0;margin:0;float:left;border:0;width:285px}
.columntwo{border:0;margin-left:20px;float:left;border:0;width:285px}


/*||||||||||||||||||||||||END OF Second level index styling||||||||||||||||||||||||||||*/

.smallpic {
padding:0;
width:70px;
height:70px;
top:2px;
float:left;
border:1px solid white;
}

.smallpic:link{}
.smallpic:visited{}
/*.smallpic:focus{border:1px solid #717272;}*/
/*.smallpic:hover{border:1px solid #717272;}*/
.smallpic:active{}

td.blank{border:none;margin:0;padding:0;vertical-align:top;}
table.blank{border:none;margin:0;padding:0;vertical-align:top;}

/*||||||||||||||||||||||||||||||||||||||||||CALENDAR|||||||||||||||||||||||||||||||||||||||||*/
/*
	Calendar CSS - by Nathan Smith - www.sonspring.com
*/

/* =Basic HTML
----------------------------------------------------------------------*/


strong
{
	text-transform: uppercase;
}

table#calendartable
{
	border:0;
	margin: 0 auto;
}

td.calendar
{
	border: 1px solid #ccb;
	padding: 0 2px;
	vertical-align: top;
	width: 100px;
	height: inherit;
}

td.calendar a
{
	padding: 0 0 0 0px;
	margin:0 auto;
}

/* =Classes
----------------------------------------------------------------------*/
tr.day
{
	background: #fff;
	color: #665;
	font-size: 9px;
	height: 90px;
}

tr.number
{
	background: #eee;
	color: black;
	font-size: 10px;
	font-weight:bold;
	height: 15px;
	text-align: right;
	vertical-align: middle;
}

tr.week
{
	background: #002B91;
	color: #fff;
	font-size: 11px;
	font-weight:bold;
	font-variant: small-caps;
	height: 15px;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
}

tr.valuation
{
	background: #CBDEF4;
	color: black;
	font-size: 10px;
	height: 15px;
	text-align: center;
	vertical-align: middle;
}

tr.months
{
text-align:center;
font-weight:bold;
text-transform:capitalize;
vertical-align:middle;
height:20px;
border:1px solid green;
}

td.months{
	border:0;
	padding: 0 2px;
	vertical-align: top;
	width: 100px;
	height: inherit;
}

/**TABLE FOR FACILITIES/PACKAGES.html - KEEP TOGETHER**/
#facilities{border:0;width:590px;margin-left:auto;margin-right:auto;}
td.packagesbold{background:#d2eafe;text-align:left;border:0;font-weight:bold;width:300px}
td.bold{text-align:left;margin:0;padding:0;font-weight:bold;width:300px;border:0;}
td.darkgrey2{background:#ebebeb;text-align:center;border:0;width:80px;}
td.lightgrey2{background:#d4d4d4;text-align:center;border:0;width:80px;}
td.white2{background:#fff;text-align:center;border:0;width:80px;}
/********************************************************/

td.description{border:0;margin:0;width:40%;font-weight:bold;}
td.darkgrey{background:#ebebeb;text-align:center;border:0;width:10%;}
td.lightgrey{background:#d4d4d4;text-align:center;border:0;width:10%;}
td.darkblue{
	background:#717272;
	text-align:left;
	border:0;
	color:#fff;
	font-weight:bold;
	width:300px
}
td.facilitieshead{background:#fff;text-align:center;border:0;width:10%;}

tr.sundaymarketrow1{background:#e9f7ff;border:0;margin:0;}
tr.sundaymarketrow2{background:#F5F2F2;text-align:left;border:0;margin:0;}
td.stalls{border:0;margin:0;width:33%;}
tr.stallstableheading{background:#717272;border:0;margin:0}
td.white{color:#fff;font-weight:bold;width:33%;text-align:center}
td.shoppingcentre{border:0;margin:0;width:33%;text-align:center;}
td.fullwidthbooking{width:99%;border:0;margin:0;}
td.fullwidthbookingblock{display:inline;width:99%;border:0;margin:0;}

td.fiftypercentwidth{margin:0;padding:0;font-weight:bold;width:295px;border:1px solid black;}

.halfway{position:absolute;margin-left:300px;}
.fullwidth{width:230px;border:1px solid black;}

table.months{
border:0;
margin:0 auto;
}

p.tabledata{border:0;margin:auto;text-align:center;}

p.tabledatahighlight{border:0; margin:0 auto; color:red;text-align:center;}

/*|||||||||||||||||||||Thainstone Exchange photo gallery|||||||||||||||||||||||||||||||*/

#gallerycontainer {position:relative; width:425px; height:430px; background:#efedec url("Copy of thainstonecentre.css"); border:1px solid #000; margin:0 auto;font-family:helvetica, arial, verdana, sans-serif;font-size:10px;}
a.gallery, a.gallery:visited {display:block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:3px; z-index:50;}
a.slidea {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb1.jpg);}
a.slideb {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb2.jpg);}
a.slidec {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb3.jpg);}
a.slided {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb4.jpg);}
a.slidee {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb5.jpg);}
a.slidef {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb6.jpg);}
a.slideg {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb7.jpg);}
a.slideh {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb8.jpg);}
a.slidei {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb9.jpg);}
a.slidej {background:  url(../thainstonecentre/images/thumbnail_gallery/thumb10.jpg);}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#efedec url("Copy of thainstonecentre.css");z-index:100;}
.slidek {display:block; position:absolute; width:400px; height:250px; top:125px; left:10px; padding:0; border:1px solid #000;}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img {border:1px solid #000; position:relative; z-index:100;}
a.gallery:hover span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec url("Copy of thainstonecentre.css"); z-index:100;}

a.gallery:active img, a.gallery:focus img {border:1px solid #000; position:relative; z-index:50;}
a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:402px; height:300px; top:120px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec url("Copy of thainstonecentre.css"); z-index:50;}

}

/*|||||||||||||||||||||||AJAX TICKER|||||||||||||||||||||||||||||||||||||||||*?

/*Example CSS for demo ticker*/

#ajaxticker1{
width: 587px;
height: 2.5em;
border:0;
padding: 5px;
background-color: #717272;
color:#fff;
}

#ajaxticker1 a{font-weight:bold;color:#fff;text-decoration:none}
#ajaxticker1 a:visited{font-weight:bold;color:#fff;text-decoration:none}
#ajaxticker1 a:focus{font-weight:bold;color:#fff;text-decoration:underline}
#ajaxticker1 a:hover{font-weight:bold;color:#fff;text-decoration:underline}
#ajaxticker1 a:active{font-weight:bold;color:#fff;text-decoration:none}


#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
background-color: #717272;
}

.message{color:#fff;}

.midpic,.midpic_left{
	margin:0px;	/* "Air" */
	float:left; /* Floating gallery at the right side of other web page content */
	width:300px;	/* Image width */
	height:260px;	/* Image height */
	position:relative;	/* Don't remove this line */
	text-align: center;
	margin-right: 10px;
}
/* Don't change these values */
	.midpic img{
	position:absolute;
	left:1px;
	top:1px;
	text-align: center;
	}
	
	.containmidpic {
	width: 550px;
	height: 450px;
	}
	
	#dhtmlgoodies_slideshow{
	width:580px;	/* Total width of slideshow */
	height:500px;
	vertical-align:middle;
	background: center center;
	text-align: center;
	padding-left: 8px;

	}
	
	#previewPane{
		border:1px solid #000;
		margin-right:10px;	
		text-align:center;
		vertical-align:middle;
		padding-top:30px;
		
		
		/* CSS HACK */
		height: 420px;	/* IE 5.x */
		height/* */:/**/420px;	/* Other browsers */
		height: /**/420px;
		
		width:440px;		
		float:left;
				
	}
	#waitMessage{
		display:none;
		position:absolute;
		left:200px;
		top:150px;
		background-color:#FFF;
		border:3px double #000;
		padding:4px;
		color:#555;
		font-size:0.9em;
		font-family:arial;	
	}	
	#galleryContainer{	/* Big Div surrounding up image, list of images and down image */
		float:right;	/* Floating */
		
		/* CSS HACK */
		height: 447px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		height/* */:/**/447px;	/* Other browsers */
		height: /**/447px;
		
		/* CSS HACK */
		width: 120px;	/* IE 5.x - 120 px + 2 px for borders and 2px for padding*/
		width/* */:/**/120px;	/* Other browsers */
		width: /**/120px;
				
		border:1px solid #000;	/* Black border */		
		padding:1px;	/* A little space between the black border and the content inside */
		
	}
	#galleryContainer #arrow_down{	/* Arrow down image */
		height:35px;

	}
	#galleryContainer #arrow_up{
		height:35px;	/* Arrow up image */
	}
	
	#theImages{	/* DIV where the images are located */
		position:relative;
		overflow:hidden;
		height:375px;	/* Height of boxes for the images */
	}
	#theImages div{	
		position:relative;	/* Don't change this */
		height:1500px;	/* Higher than total height of thumbnails */
		
	}
	#theImages img{
		border:0px;	/* No border */
		filter:alpha(opacity=50);	/* Transparency - IE */
		opacity:0.5; /* Transparency - Firefox */
		padding-top:1px;	/* Space between images */
	}
	#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
		font-style:italic;
		text-align:center;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
		font-size:0.9em;
	}
	#theImages .imageCaption{
		display:none;
	}