html,body {
	background:#ffffff url('../assets/general/mainBG.gif') top repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	height:100%; /* needed for container min-height */
}
div.cleaner{
	clear:both;
}

table{
	border-collapse:collapse;
}
/*----------------------------------PAGE*/
/*----------------------------------HEADER*/
div.header{
	background-position:top;
	background-repeat:no-repeat;
	height:142px;
	width:920px;
	margin: 0 auto;
	font-size:9px;
	padding-bottom:10px;
}

div.header h1{
	font-size:14px;
	margin:0px;
	font-weight:normal;
}

div.headRight{
	height:51px;
	padding: 40px 110px 0px 173px;
	float:left;
	margin-right:10px;
}



div.topNav {
	height:43px;
	width:920px;
	margin: 0 auto;
	font-size:12px;
	padding-top:8px;
	
	
}

li.topNavListRed a, li.topNavListBlue a, li.topNavListGreen a, li.topNavListCyan a, li.topNavListBrown a{
	display:block;
	width:104px;
	height:43px;
	overflow:hidden;
	margin-right:1px;
	padding:0px;
	float:left;
}

li.selectedHome, li.topNavListYellow a, a.homeButton{
	display:block;
	width:102px;
	height:43px;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	font-variant: small-caps;
	padding:0px 10px 0px 10px;
	float:left;
}

li.selectedProd, li.selectedSol, li.selectedSup, li.selectedCon, li.selectedPan{
	display:block;
	width:104px;
	height:43px;
	overflow:hidden;
	margin-right:1px;
	padding:0px;
	float:left;
}


li.topNavListRed a:hover, li.topNavListBlue a:hover, li.topNavListYellow a:hover, li.topNavListGreen a:hover, li.topNavListCyan a:hover, li.topNavListBrown a:hover, a:hover.homeButton{
	background-position:left bottom;

}

div.homeBtnPadding{
	width:170px;
	float:left;
}



div.navRight{
	float:left;
	margin:0px;
}

ul.topNavList{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.topNavList li{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}



/*----------------------------------MAINBODY*/
div.mainBody {
	width:920px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */

}

div.mainBodyLeft{
	position: absolute;
	top: 5px; /*420px;*/
	left: 0px;
	width:160px;
	margin-right:10px;
	
}
a.plus{
	padding:5px 5px 0px 10px;
	text-decoration:none;
}
a.minus{
	padding:5px 0px 0px 15px;
	text-decoration:none;
}
div.mainBodyLeft li a{
	display:block;
	width:142px;
	height:14px;
	overflow:hidden;
	font-weight:bold;
	text-decoration:none;
	font-variant: small-caps;
	padding:8px 10px 10px 10px;
	margin-bottom:2px;
	font-size:12px;
}

div.leftNavTopSpace{
	width:170px;
	padding:0px;
	margin:0px;
	height:10px;
}
div.leftNavTop{
	display:block;
	width:161px;
	height:17px;
	margin:0px;
	padding:3px 0px 0px 0px;
}
div.leftNavBase{
	display:block;
	width:161px;
	height:11px;
	margin:0px;
	padding:0px
}

div.memFormBlock{
	width:139px;
	font: 10px Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px;
	padding:10px;
	text-decoration : none;
	line-height: 1.3;
}

input.memLogin{
	width:119px;
	margin:3px 0px 5px 0px;
}

a.sideNav, a:hover.sideNav, a.sideNavSelectedLink, a:hover.sideNavSelectedLink, div.sideNavSelected, a.sideNavRed, a:hover.sideNavRed, a.sideNavRedSelectedLink, a:hover.sideNavRedSelectedLink, div.sideNavRedSelected, a.sideNavBlue, a:hover.sideNavBlue, div.sideNavBlueSelected, a.sideNavGreen, a:hover.sideNavGreen, a.sideNavGreenSelectedLink, div.sideNavGreenSelected, a.sideNavYellow, a:hover.sideNavYellow, div.sideNavYellowSelected, a.sideNavCyan, a:hover.sideNavCyan, div.sideNavCyanSelected, a.sideNavBrown, a:hover.sideNavBrown, div.sideNavBrownSelected{
	display:block;
	width:139px;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	padding:10px;
	margin-bottom:0px;
	font-size:10px;
}



div.mainBodyLeft li a:hover {
	background-position:left bottom;
}

a.subNav, a:hover.subNav, div.subNavSelected, a.subNavGreen, a:hover.subNavGreen, div.subNavGreenSelected, a.subNavRed, a:hover.subNavRed, div.subNavRedSelected, a.subNavBlue, a:hover.subNavBlue, div.subNavBlueSelected, a.subNavCyan, a:hover.subNavCyan, div.subNavCyanSelected, a.subNavBrown, a:hover.subNavBrown, div.subNavBrownSelected{
	display:block;
	width:129px;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	padding:5px 5px 5px 25px;
	margin-bottom:0px;
	font-size:10px;
}

div.navDivider{
	display:block;
	width:159px;
	height:1px;
	padding:0px;
	margin-bottom:0px;
}

ul.leftNavRed{
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.leftNavRed li{
	list-style:none;
	margin:0px;
	padding:0px;
	list-style-position:outside;
}


/*-----------CENTER-------------------------------------------------------------*/
div.indexLayout{
	position: absolute;
	top: 5px; /*420px;*/
	left: 165px;
	width:740px;
}



div.mainBodyCenter{
	position: absolute;
	top: 5px; /*420px;*/
	left: 165px;
	width:520px;
	padding:0px;
	margin:0px 5px 0px 5px;
	
}

div.mainBodyCenterIndex{
	float:left !important;
	width:520px;
	padding:0px;
	margin:0px 0px 0px 5px;
	
}

div.indexBlock{
	width:506px;
	padding:10px 0px 0px 0px;
	margin:0 auto;
}

div.indexBlock a{
	text-decoration:underline;
}

div.indexBlock a:hover{
	text-decoration:none;
}

div.indexMore a:hover{
	text-decoration:underline;
}

div.indexMore a{
	text-decoration:none;
}

div.indexBlock a{
	text-decoration:underline;
}

div.indexBlock a:hover{
	text-decoration:none;
}

div.indexTxt, div.indexTxt1, div.indexTxtFAQ, div.indexTxtDown, div.indexTxtFAQs, div.indexTxtDoc{
	line-height: 1.2;
	margin-bottom:10px;
}

div.indexTxtForumTitle, a.indexTxtForumTitleLink{
	width:130px;
	float:left;
	
	overflow:hidden;
	height:180px;
	max-height:180px;
	min-height:180px;
	padding:10px !important;
}

a.indexTxtForumTopicTitleLink{
	width:456px;
	float:left;
	margin-left:30px !important;
	
	padding:10px !important;
}

a.helpDeskTopicTitleLink, div.helpDeskTopicTitle{
	width:486px;
	float:left;
	margin-left:0px !important;
	
	padding:10px !important;
	display:block;
	margin-bottom:10px;
}

a.helpDeskTopLink{
	width:120px;
	float:right;
	margin-left:0px !important;
	
	padding:10px !important;
}

a.helpDeskTopLinkLeft{
	width:180px;
	float:left;
	margin-left:0px !important;
	
	padding:10px !important;
}
a.indexTxtForumTitleLink, a.indexTxtForumTopicTitleLink, a.helpDeskTopicTitleLink, a.helpDeskTopLink, a.helpDeskTopLinkLeft, div.helpDeskTopicTitle{
	display:block;
	text-decoration: none !important;
}
div.helpDeskTopicTitle{
	margin-bottom:10px !important;
}
div.indexTxtForumTitleSub{
	width:130px;
	float:left;
	margin-left:20px !important;
	overflow:hidden;
	
	padding:10px !important;
}

div.indexTxtForumDesc{
	width:326px;
	float:left;
	margin-left:10px !important;
	min-height:180px;
	padding:10px !important;
}

div.indexTxtForumDescSub{
	width:306px;
	float:left;
	margin-left:10px !important;
	min-height:150px;
	padding:10px !important;
}
div.indexTxtForumTopicDesc{
	width:296px;
	float:left;
	margin-left:10px !important;
	min-height:130px;
	padding:10px !important;
}

div.indexMore{
	padding:5px 0px;
	text-align:right;
	margin:0px 10px;
}

div.indexTxtDown, div.indexTxtDoc{
	padding: 10px 10px 10px 60px;
}

div.indexTxtFAQs{
	padding: 10px;
}

div.indexTxt ul, div.indexTxt1 ul, div.indexTxtFAQ ul, div.indexTxtDown ul, div.indexTxtDoc ul, div.indexTxtFAQs ul{
	padding:0px 0px 0px 20px;
	margin:0px 0px 10px 20px;
}

div.centered{
	text-align:center;
}

/*HEADERS*/
div.indexTxt h1, div.indexTxt1 h1, div.indexTxtFAQ h1, div.indexTxtDown h1, div.indexTxtDoc h1, div.indexTxtFAQs h1{
	font: 18px Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px 0px 15px 0px;
	padding:0px;
	text-decoration : none;
	line-height: 1.3;
}

div.indexTxt h2, div.indexTxt1 h2, div.indexTxtFAQ h2, div.indexTxtDown h2, div.indexTxtDoc h2, div.indexTxtFAQs h2, div.memFormBlock h1, .bigTxt{
	font: 12px Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px;
	text-decoration : none;
	line-height: 1.3;
}

div.indexTxt h3, div.indexTxt1 h3, div.indexTxtFAQ h3, div.indexTxtDown h3, div.indexTxtDoc h3, div.indexTxtFAQs h3{
	font: 10px Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px;
	text-decoration : none;
	line-height: 1.3;
}

 div.indexTxt p, div.indexTxt1 p, div.indexTxtFAQ p, div.indexTxt div, div.indexTxt1 div, div.indexTxtFAQ div{
	padding:0px 0px;
	margin:0px 0px 0px 0px;
}

table.memList, table.memGameList, div.indexTxt table{
	
	width:500px;
	margin:0 auto;
	border:1px solid #d5d5d5;
	
}

table.memList th, table.memGameList th, div.indexTxt table th{
	font: 1em Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px 0px 5px 0px;
	text-decoration : none;
	line-height: 1.3;
	text-align:left;
	padding:5px;
	border-bottom:1px solid #d5d5d5;
	
}
table.memList td{
	border-bottom:1px solid #d5d5d5;
}

table.memGameList .bookTime, table.memList .memHandicap{
	width:30px;
}

table.memGameList .bookName, table.memList .memName{
	width:140px;
}

table.memGameList .bookGroup, table.memList .memGroup{
	width:50px;
}

table.memGameList .bookCat, table.memList .memCat{
	width:40px;
}

table.memGameList .bookTel, table.memList .memTel{
	width:90px;
}

table.memGameList .bookEmail, table.memList .memEmail{
	width:40px;
}
table.memList input{
	width:337px;
	border:1px solid #d5d5d5 !important;
	padding:5px;
}

table.memList select{
 	/*width:367px;*/
	
}


table.memList select, div.mainBodyRightIndex select, table.memList button{
	border:1px solid #d5d5d5 !important;
}
input.btnSubmitDetails{
	
	
	width:347px !important;
	background-color:#d5d5d5 !important;
	color:#95b836 !important;
	text-decoration:none !important;
	
	padding:0px !important;
	font-size:1em;
	border:1px solid #95b836 !important;
}

input.btnSubmitHelpdesk{
	
	
	width:195px !important;
	
	margin-left:0px !important;
	
	padding:10px 30px 10px 10px !important;
	background:#efefef url(../assets/general/addIconForum.gif) no-repeat 170px 10px !important;
	color:#7f7f7f !important;
	text-decoration:none !important;
	
	
	font-size:1em;
	border:1px solid #95b836 !important;
	text-align:left;
}

a.helpDeskFormLink{
	display:block;
	
	width:108px !important;
	
	margin-left:0px !important;
	
	padding:10px 30px 10px 10px !important;
	background:#d5d5d5 url(../assets/general/deleteIcon.gif) no-repeat 130px 10px !important;
	color:#7f7f7f !important;
	text-decoration:none !important;
	
	float:left;
	font-size:1em;
	border:1px solid #95b836 !important;
	text-align:left;
}

table.memList button{

}
table.memList input{
	
}

/*--------RIGHT---------*/
div.mainBodyRightIndex{
	
	float:left;
	width:199px;
	
	padding-top:10px;
	margin-left:14px;
	
	
}

div.mainBodyRight{
	
	position: absolute;
	  top: 15px; /*420px;*/
	  left: 704px;
	width:209px;
	
	padding-top:0px;
	
	
}
div.picNavTop{
	display:block;
	width:182px;
	height:17px;
	margin:0px;
	padding:0px
}
div.picNavBase{
	display:block;
	width:161px;
	height:11px;
	margin:0px;
	padding:0px
}

div.mainBodyRightIndex img, div.mainBodyRight img, div.googlemap{
	margin-bottom:10px;
}

div.googlemap{
	width:207px;
	height:300px;
	min-height:300px;
	max-height:200px;
	overflow:hidden;
}

#popup{
	width:150px;
	
}

div.memFormBlockRight{
	
	width:207px !important;
	font: 1em Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:10px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	text-decoration : none;
	line-height: 1.3;
		
	
}

div.memFormBlockRight h1{
	font: 1.2em Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px;
	text-decoration : none;
	line-height: 1.3;
	
}

table.yourBookings{
	border-collapse:collapse;
	width:206px;
	margin-bottom:10px;
}

table.yourBookings .bookingDate{
	width:186px;
}

table.yourBookings .bookingDelete{
	width:12px;
}

table.yourBookings  .bookingDelete a.delete, div.bookingCopy{
	color:#95b836 !important;
}

table.yourBookings  .bookingDelete a:hover.delete{
	text-decoration:none !important;
}

table.yourBookings .bookingDelete img{
	border:0px solid #d5d5d5 !important;
	
	margin:0px !important;
}


div.searchFAQ{
	width:162px;
	margin-bottom:10px;
	padding:10px;
}
div.searchFAQ h1{
	font: 14px Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin:0px;
	padding:0px 0px 5px 0px;
	text-decoration : none;
	line-height: 1.3;
}
/*----------------------------------FOOTER*/

div.footer {
	height:40px;
	width:920px;
	margin: 0 auto;
	position:absolute;
	bottom:0;
}


/*Universal Colours*/
div.redBold{
	color:#d20000; 
	font-weight:bold;
}


/* prototip.css : http://www.nickstakenburg.com/projects/prototip */
.prototip { position: absolute; }
.prototip .effectWrapper { position: relative; }
.prototip .tooltip { position: relative; }
.prototip .toolbar {
	position: relative;
	display: block;
	}
.prototip .toolbar .title {
	display: block;
	position: relative;
	}
.prototip .content { clear: both; }
.prototip .toolbar a.close {
	position: relative;
	text-decoration: none;
	float: right;
	width: 15px;
	height: 15px;
	background: transparent url(close.gif);
	display: block;
	line-height: 0;
	font-size: 0px;
	border: 0;
	}
.prototip .toolbar a.close:hover { background: transparent url(close_hover.gif); }

.iframeShim { 
	position: absolute;
	border: 0;
	margin: 0;	
    padding: 0;
    background: none;
}

