/* mainTabMenu */
.tabmenu {
	background-color:#ececec;
	color:#272727;
	border-bottom:1px solid #d7d7d7;
	height:22px;
	width:200px;
	}
.tabmenu ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	}
.tabmenu li {
	display:inline;
	line-height:22px;	
	margin-top:3px;
	}
.tabmenu li a {
	color:#000000;
	text-decoration:none;
	padding:3px 5px 3px 5px;
	}
.tabmenu li a.tabactive {
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	background-color:#CCCCCC;
	font-weight:bold;
	position:relative;
	}
#tabcontent1,#tabcontent2,#tabcontent3,#tabcontent4 {
	width:198px;
	height:auto;
	text-align:center;
	padding:0px 0px 0px 0px;
	font-size:12px;
	margin-bottom:5px;
	}
	
/* mainImageSlide */
#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 805px;	/* IE 5.x */
		width/* */:/**/799px;	/* Other browsers */
		width: /**/799px;
		
		/* CSS HACK */
		height: 276px;	/* IE 5.x */
		height/* */:/**/270px;	/* Other browsers */
		height: /**/270px;
		
		background-color:#fff;
		border:0px;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{
		width:799px;
		height:270px;
		background-color:#fff;
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	.imageSize{
		width:797px;
		height:268px;
	}	
	#imageSlideshowHolder img{
		position:absolute;
	}