/*gowight*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

.clearthis {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	display: block;
	color: #f00;
	}

/*///////// Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/*///////// End hide from IE-mac */

/*/////////  */
.StyleSheetHiddenPlaceHolder  {
	display : none;
}

html{
 overflow:-moz-scrollbars-vertical;
}

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

body, div, p, table, th, tr, td, ul, ol, li, h3{
font-family: tahoma, arial, helvetica, sans-serif;
font-size:96%;
color:#333;		
}

BODY {	margin:0px 0 2em 0; 
		padding:0px; 			
		text-align:center;
		background:url(img/bg.gif) repeat-x #E9E9E9;			
		}
		
				
a { color:#336699; text-decoration:underline; background-color:none;}
a:hover {text-decoration:underline; background-color:none;}


img { border: none; }


h1,h2,h3,h4,h5,h6, blockquote {
	font-size:1em;
	margin: 0 0 0.5em 0;
	font-family: Georgia, Tahoma, Times New Roman, Times, serif;
	}


h1 {
	padding:12px 10px 10px 10px;
	margin:0 0 0 0px;
	font-size:150%;
	font-weight:normal;
	background-color:#494949;
	color:#FFFFFF;
	height:28px;
	}

	
h2 {		
	padding:0 0 0 0px;
	margin:0 0 .2em 0px;
	font-size:150%;	
	font-weight:normal;
	}
	
	#content-bot h2, #content-bot .mid h2 {		
/*	padding:18px 0 20px 0px;*/
	padding:18px 0 0px 0px;		
	margin:0;
	}
	
	.right h1, .right h2{		
	padding:0 14px;	
	}
	
#wrap.one #content-bot h2{ color:#0082C8} 
#wrap.two #content-bot h2{ color:#C20000} 
#wrap.three #content-bot h2{color:#67009C} 
#wrap.four #content-bot h2{ color:#258FA9} 
#wrap.five #content-bot h2{ color:#327904} 
#wrap.six #content-bot h2{ color:#FF6600} 
#wrap.seven #content-bot h2{ color:#670000}


	
h3{	
	font-size:150%;
	margin:.3em 0 .6em 0px;	
	padding:0 0 5px 0;	
	border:0;
	color:#494949;
	}
	
.right h3{	
	margin:5px 0 20px 0px;	
	font-weight:normal;
	font-size:150%;
	}
	

h4{	
	font-size:13px;
	margin:0 0 .4em 0px;	
	padding:0 0 0px 0;
	color:#666666;
	font-weight:normal;	
	}
	
p{
	line-height:1.3em;
	margin:0 0 1em 0;
	padding:0;
	
	}
	
p.job{
	color:#CC0000;
	}
	
form {
	padding:0;
	margin:0;
	}
	
fieldset {
	border:none;
	padding:0;
	margin:0;
	}
	
legend {
	display:none;
	}
	
	ul{}
	
	li {margin:0 10px .5em 0}
	
/*	table { border-collapse:collapse; margin:1.5em 0 3em 0; width:100%;}
	
	td, th {vertical-align:top; width:33%; padding-right:10px; font-size:14px;}
	*/

	

/*/////////   main layout  ///////////*/

	
#wrap{	margin:0px auto; 
		padding:0px; 			
		text-align:center;	
		width:961px;  /* this was 960px before the making the video 1px wider change */
		position:relative;
		background:#fff url(img/bg_top.gif) repeat-x;		
		}
		

	
#header{
	height:100px;
	padding-top:40px;
	padding-bottom:10px;
	}
	
/* back up for full number of 7 main nav link
   also, the header/footer styles (near the bottom) have been temporarilly adjusted... */
#nav {
height:100px;
width:795px;
float:left;
background:url(img/bg_menu8.png) no-repeat 0px 0; 
} 

/* temp version for reduced number of 5 main nav links */
/*
#nav {
height:100px;
width:565px;
float:left;
background:url(img/bg_menu.png) no-repeat 0px 0;
padding: 0 0 0 230px;
}*/

/*.logo {
	margin: 0 240px 0 0;
	background: green;
	}*/

#content-top {
	width:941px;   /* this was 940px before the making the video 1px wider change */
	position:relative;
 	margin:0px auto;
	text-align:left;
	height:445px;
	overflow:hidden;	
	}
	
	.seven #content-top {height:auto;}
	
	#content-top  .left {
	float:left;
	width:596px; /* this was 595px before the making the video 1px wider change */
	padding-right:10px;	
	/*background:orange;     bg colour for testing the padding for the video holder*/
	}
	

	
	.seven #content-top .left {width:711px; padding-bottom:10px;}  /* this was 710px before the making the video 1px wider change */
	
	#content-top  .right {
	float:left;
	width:335px;
	position:relative;	
	height:435px;
	/*height:435px; original height as have added 4px to VidPlay bottom*/	
	text-align:left;
		}
		
.seven	#content-top  .right {width:220px}
	
#content-bot {
	width:940px; 
	position:relative;
	background:#fff;
	margin:0px auto;
	text-align:left;
	padding: 0px 10px 10px 10px;
	color:#FFFFFF;	
	z-index:0;	
	}
	
#content-bot .left {	
	width:135px;
	position:relative;
	left:0px;
	top:10px;
	border:0px solid blue;
	z-index:2;
	float:left;
	padding-bottom:10px
	}
	
	#content-bot .indextext {
	float:left;
	width:430px;
	padding:0 20px 10px 20px;	
	margin:0 0 0 0;	
	}
	
	#content-bot .indextext p{
	margin:0 0 0 0;	
	padding: 10px 0 0 0;	
	}
	
	#content-bot .mid {
	float:left;
	width:565px;
	padding:10px 20px 10px 20px;
/*	_margin:10px 10px 0 10px; ie6 hack */	
/*	margin:20px 20px 0 20px;
	_margin:20px 10px 0 10px;*/	
	/*background: orange;*/}
	
	#content-bot .mid h2{
	padding: 10px 0 0 0;	
/*	padding: 10px 0 10px 0;	*/		
	}	
	
	#content-bot .mid p{
	padding: 10px 0 0 0;		
/*	padding: 10px 0 10px 0;	*/		
	}		
	
	#content-bot .mid h3{
	padding: 10px 0 0px 0;
	text-decoration:none;
	font-weight:normal;
	}
    
	#content-bot .mid .buttons .tel{
	font-size: 14px;
	font-weight: bold; /* targets the telephone number in the main part of the page */
	width: 200px;
	}
    
	
    
    
    #content-bot .wide {
    float:left;
    width:920px;
    margin:20px 20px 0 20px;
    _margin:20px 10px 0 10px;        
    }
    
    #content-bot .wide h2{
    padding: 10px 0 10px 0;        
    }    
    
    #content-bot .wide h3{
    padding: 10px 0 0px 0;
    text-decoration:none;
    font-weight:normal;
    }
    
    
	
	/* defines width of the browse/search panel*/
	#content-bot .right {
	float:left;
	width:335px;	
	}
		
	#left_text{
	float:left;
	width:450px;
	padding:10px 35px 0 120px;	
	}
	
	#left_text img{
	padding:20px 10px 20px 0;	
	}

	#left_text .tel{
	margin:20px 0 0 0;
	}

#simple_content {
	width: 710px;
	margin:0px auto;
	padding:30px 100px 30px 150px;
	text-align:left;
	overflow:hidden;
	background-color: #fff;
	float:left;
	}
	
#simple_content h2{
	padding: 20px 0 0px 0;
	}
	
#simple_content h3{
	font-size: 100%;
	padding: 10px 0 10px 0;
	text-decoration:underline;
	
	}

#simple_content img{
	padding: 0 10px 0 0;
	float: left;
	}

#button{
	margin: 0 0 40px 0;
	padding: 0 0 0 0;
	float: left;}
	
#button img{
	float: left;
	padding:10px 0 0 0;}

#button .tel{
	float: left;
	margin: 15px 0px 0 10px;
	padding:0;}

/*/////////   FORMS ///////////*/
	
	.greyarea {
	float:left;
	width:960px;
	height:60px;
	background-color: #e9e9e9;
	}

	.head {
	float:left;
	width:940px;
	height: 40px;
	margin:0 10px 10px 10px;
	_margin:0 5px 10px 5px;
	padding: 0 0 10px 0;
	background-color: #494949;
	text-align: left;
	}	
	
	.head  h1 {
	text-align: left;
	margin: 0 0 0 0;
/*	padding: 12px 0 0 0;*/	
	}
	

	

	
textarea{
	width:600px;
	height:100px;
	margin: 0 0 40px 0;
	}
	
th	{
	font-weight:normal;
	padding:5px 30px 5px 10px;
	text-align:left;
	}
	
td	{padding:5px 30px 5px 10px;}

select	{
	margin:0 10px 0 0x;

}

.back{
	width: 128px;
	float: left;
	margin:0 0 0 10px;
/*	_margin:0 0 0 5px;*/
	padding:0;
	}
	
.back a{
	color: #999;
	text-decoration: none;
	padding:0;
	margin:0;
	}


table#form_white{
	width: 100%;
	background-color:#fff;
	border-collapse:collapse;	
	}
	
table#form_white th{
	padding:0;
	margin:0;	
	}
	
table#form textarea{
	width:200px;
	height:100px;
	}
	
#form input{
	width:200px;
	}

table#form_grey{
	width: 100%;
	background-color:#CCCCCC;
	border: 1px solid #666666;
	margin:10px 0 20px 0;
	border-collapse:collapse;
	}
	
table#form_grey th{
	background-color:#666666;
	color:#FFFFFF;
	font-size: 85%;
	font-weight: bold;
	}
	
table#form_grey td{
	font-size: 80%;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	}
	
table#form_fixed{
	width: 600px;
	background-color:#CCCCCC;
	border: 1px solid #666666;
	margin:10px 0 20px 0;
	border-collapse:collapse;
	}
	
table#form_fixed th{
	background-color:#666666;
	color:#FFFFFF;
	font-size: 85%;
	font-weight: bold;
	}
	
table#form_fixed td{
	font-size: 80%;
	font-weight: bold;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	}



/*/////////   FOOTER  ///////////*/

#footer {	
		width:940px;	
		text-align:center;		
		background:#fff;
		padding: 0px 10px 10px 10px;}
	
#footer p{			
		margin:0px auto 0 auto;	
		padding:17px 0 0 40px;
		font-size:70%;
		height: 33px;
		clear: both;
		background:#d7d7d7;
		text-align: left;
		}

#footer a{			
		color:#000000;
		margin:0;
		padding:0;
		}

#footer .padder{padding:0 0 0 60px;}
	
	
	
/*/////////      header     ///////////*/
#header img {float:left; padding-right:10px;}



/*/////////      end header     ///////////*/
		

/*/////////      float left nav     ///////////*/


#nav ul {
	margin:0 0 0 0px;	
	padding:0;
	}
	
	#nav  li {	
	list-style-type:none;
	margin:0 0 0 0;
	padding:0 10px 0 0;
	float:left;	
	height:100px;	
	width:105px;
	}
	
	#nav  li.seven {		
	padding:0 0px 0 0;	
	}
		
	#nav li a, #nav li a:visited{	
	display: block;	
	text-indent:-3000em;		
	background-repeat:no-repeat;	
	background-position:-105px 0;
	height:100px;	
	width:105px;
	}	
	
	#nav li.one a, #nav li.one a:visited{background-image:url(img/n_around.png); }		
	#nav li.two a, #nav li.two a:visited{background-image:url(img/n_where.png);}		
	#nav li.three a, #nav li.three a:visited{background-image:url(img/n_food.png); }		
	#nav li.four a, #nav li.four a:visited{background-image:url(img/n_family.png);}		
	#nav li.five a, #nav li.five a:visited{background-image:url(img/n_sports.png);}		
	#nav li.six a, #nav li.six a:visited{background-image:url(img/n_fest.png); }		
	#nav li.seven a, #nav li.seven a:visited{background-image:url(img/n_brochure.png); }		
		
	#nav li a:hover, #nav li#on a, #nav li#on a:visited{		
	background-position:0px 0;
	}
	
	
	
	
/*///////// end float left nav  */




/*///////// col on the left */ 

#wrap #content-bot .shade {height:320px;}
#wrap #content-bot .shade blockquote{font-size:150%; padding:20px 10px 0 10px; margin:0;color:#FFFFFF; line-height:1.2em;}
#wrap #content-bot .shade p{padding:10px 10px 0 10px; margin:0;color:#FFFFFF;}
#wrap #content-bot .shade a, #wrap #content-bot .shade a:visited{color:#FFFFFF; text-decoration:underline;}
#wrap #content-bot .shade a:hover{ text-decoration:none;}


#wrap #content-bot .brochurereq {height:320px; width:135px; background: #1da0e6; margin: 0 0 10px 0;}
#wrap #content-bot .brochurereq blockquote{font-size:125%; padding:20px 10px 0 10px; margin:0;color:#FFFFFF; line-height:1.2em; height:126px}
#wrap #content-bot .brochurereq p{ color: #FFFFFF;  }
#wrap #content-bot .brochurereq .calltoaction {padding:10px 10px 0 10px; margin:0; height: 33px; background: #666; font-family: Georgia, Tahoma, Times New Roman, Times, serif;}
#wrap #content-bot .brochurereq .calltoaction a, #wrap #content-bot .brochurereq .calltoaction a:visited{color: #FFFFFF; text-decoration:underline;}
#wrap #content-bot .brochurereq .calltoaction a:hover{ text-decoration:none;}


	
.one #content-bot .shade{ background:#1DA0E6;}
.two #content-bot .shade{ background:#E11900}	
.three #content-bot .shade{ background:#9900FF}
.four #content-bot  .shade{ background:#5FC8E2}
.five #content-bot .shade{ background:#6CB23E}
.six #content-bot  .shade { background:#f90}
.seven #content-bot  .shade{ }		
.eight #content-bot .shade{ background:#bcbcbc;}
		
.buttons {clear:both; margin: 0 0 10px 0;}	
/*.buttons {float: left; margin: 0 0 10px 0;} nirm... */	
.buttons p {width:275px; float:left;}
.buttons .tel {width:150px; float:left; margin:10px 0 0 0;}

.buttons_long {clear:both; margin: 0 0 0 0; padding:0 0 70px 0;}		
.buttons_long p {float:left;}
.buttons_long .tel {width:200px; float:left; margin:10px 0 0 10px;}

 	form .buttons_long .tel{
	font-size: 14px;
	font-weight: bold; /* targets the telephone number in the main part of the page */
	}

/*a.book, a.book:visited  {width:142px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 0 0 0; display:block; } */
a.searchbttn, a.searchbttn:visited  {width:131px; height:35px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 6px 0 0; display:block; float:left; }
.one a.searchbttn,   .one a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.two a.searchbttn,   .two a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.three a.searchbttn, .three a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.four a.searchbttn,  .four a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.five a.searchbttn,  .five a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.six a.searchbttn,   .six a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}
.seven a.searchbttn, .seven a.searchbttn:visited{background-image:url(img/bg_b_black_1.png)}

		
/*a.web, a.web:visited  {width:130px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 0 0 0; display:block; float:right}*/
a.web, a.web:visited  {width:130px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 3px 0 0; display:block; float:left}
.one a.web,   .one a.web:visited{background-image:url(img/bg_b_blue_2.png)}
.two a.web,   .two a.web:visited{background-image:url(img/bg_b_red_2.png)}
.three a.web, .three a.web:visited{background-image:url(img/bg_b_purple_2.png)}
.four a.web, .four a.web:visited{background-image:url(img/bg_b_lblue_2.png)}
.five a.web, .five a.web:visited{background-image:url(img/bg_b_green_2.png)}
.six a.web, .six a.web:visited{background-image:url(img/bg_b_orange_2.png)}
.seven a.web, .seven a.web:visited{background-image:url(img/bg_b_red_2.png)}

/*a.book, a.book:visited  {width:142px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 0 0 0; display:block; } */
a.book, a.book:visited  {width:142px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; text-decoration:none; padding:8px 6px 0 0; display:block; float:left }
.one a.book, .one a.book:visited{background-image:url(img/bg_b_blue_1.png)}
.two a.book, .two a.book:visited{background-image:url(img/bg_b_red_1.png)}
.three a.book, .three a.book:visited{background-image:url(img/bg_b_purple_1.png)}
.four a.book, .four a.book:visited{background-image:url(img/bg_b_lblue_1.png)}
.five a.book, .five a.book:visited{background-image:url(img/bg_b_green_1.png)}
.six a.book, .six a.book:visited{background-image:url(img/bg_b_orange_1.png)}
.seven a.book, .seven a.book:visited{background-image:url(img/bg_b_red_1.png)}


a.long, a.long:visited{width:240px; height:26px; background-repeat: no-repeat; text-align:center; color:#FFFFFF; 
text-decoration:none; padding:8px 0 0 0; display:block; float:left; margin:0 0 0 0;}
.one a.long, .one a.long:visited{background-image:url(img/bg_b_blue_long_1.png)}
.two a.long, .two a.long:visited{background-image:url(img/bg_b_red_long_1.png)}
.three a.long, .three a.long:visited{background-image:url(img/bg_b_purple_long_1.png)}
.four a.long, .four a.long:visited{background-image:url(img/bg_b_lblue_long_1.png)}
.five a.long, .five a.long:visited{background-image:url(img/bg_b_green_long_1.png)}
.six a.long, .six a.long:visited{background-image:url(img/bg_b_red_orange_1.png)}
.seven a.long, .seven a.long:visited{background-image:url(img/bg_b_red_long_1.png)}
.eight a.long, .eight a.long:visited{background-image:url(img/bg_b_black_long_1.png)}


.buttons a:hover {opacity:.75;filter: alpha(opacity=75);}
		
/*///////// end col on the left */ 
		
/*///////// col on the right */ 
			
		
.one #content-top .right{ background:#1DA0E6}
.two #content-top .right{ background:#E11900}	
.three #content-top .right{ background:#9900FF}
.four #content-top .right{ background:#5FC8E2}
.five #content-top .right{ background:#6CB23E}
.six #content-top .right { background:#f90}
.seven #content-top .right{ }



#content-top .right ul.tab {margin:0 0 0 0px; padding:0 0 0 0px;width:335px; position:relative;}
.seven #content-top .right ul.tab {width:220px; height:335px; margin-bottom:9px;background:#990000;}

#content-top .right ul.tab li {
	margin:0 0px 0 0;
	 padding:0;
	 list-style-type:none;
	 float:left;	 	
	display:inline;	
	 position:relative;
	 }

#content-top .right ul.tab li ul {		
	  visibility:hidden;
	  position:absolute;	 
	  margin:0px;
	  padding:0;
	  left:0px; 
	  width:335px;
	  height:381px;
	  overflow:auto;
	  	  }
		  
#content-top .right ul.tab li#browse ul {
	left:-105px;
	/*padding-left: 60px;*/
	/*left:-105px;
	padding-left: 0;*/ 	  	 	  
	  	  }
		  
	/* nirm test 
	#wrap.two #content-top.clearfix #searchand browse.right ul.tab li#browse.on ulscrollsearch.VidPlay #searchitems li#dosearchtoggle_1.on ul.more li a.play{
	left: -410px;
	padding-left: 60px;*/
	/*left:-105px;
	padding-left: 0;
	background: yellow;  	  	 	  
	  	  }		*/  
	  
#content-top .right ul li.on ul {	
	  visibility:visible;	
	  }
	  
	  	 #content-top .right ul.tab li ul li { 
			color:#000 ;
			text-decoration:none;
			display:block;
			padding:0px 0 0 0;
			margin:6px 0 4px 9px;
			/*margin:6px 10px 4px 10px; maybe the 10px is what is giving the extra width in ie6/7 */
			position:relative;
			width:294px;
			/*width:295px;  this is the width of the search panel - helpful for restraining width in IE6 */
			max-width:325px;			  
			min-width:298px;
			height:60px;						  
			}
			

			#content-top .right ul.tab li ul li.show { 			
			height:90px;						  
			}
	 
	 #content-top .right ul.tab li ul li.on { 			
			height:auto;								  
			}
			
	#content-top .right ul.tab li#browse ul li{
		width:295px;
		height:auto;
		/*width:325px;height:auto;	reduced to 295 so it is same width as search/browse width... */
		}


/* search and browse little icon buttons */						
ul.tab .thumb {float:left; padding-right:10px;}

/*.VidPlay p {float: left; background: yellow; text-align: left; } nirm*/

.VidPlay a.play, .VidPlay a.play:visited  {float:right; /*float:right;*/ width:47px; height:47px; background-image:url(img/i_play.png); background-repeat: no-repeat;background-color:none; margin:7px 5px 0 5px; text-indent:-3000em;}

.VidPlay ul.more a.play, .VidPlay ul.more a.play:visited  {width:36px; height:36px; background-image:url(img/i_play_small.png) ; background-repeat: no-repeat; background-color:none; margin:2px 10px 0 5px;}

.VidPlay a.photo, .VidPlay a.photo:visited  {float:right;width:47px; height:47px; background-image:url(img/i_camera.png); background-repeat: no-repeat;background-color:none; margin:7px 5px 0 5px; text-indent:-3000em;}

.VidPlay ul.more a.photo, .VidPlay ul.more a.photo:visited  {width:36px; height:36px; background-image:url(img/i_camera_small.png) ; background-repeat: no-repeat; background-color:none; margin:2px 10px 0 5px; float:right; /*float:right;*/ text-indent:-3000em; }

/*.VidPlay a.play:hover, .VidPlay ul.more a.play:hover, .VidPlay ul.more a.photo:hover {opacity:.75;filter: alpha(opacity=75); background-color:none; }*/
ul.tab p {color:white; padding:5px; margin:0; }

			
#wrap #content-top .right a.search, #wrap #content-top .right a.search:visited {width:75px; height:20px; color:#FFFFFF; display:block; font-size:130%; text-align:left; font-weight:normal; padding:15px;text-decoration:none; background-color:#333}
#wrap #content-top .right .on a.search, #wrap #content-top .right .on a.search:visited {width:200px; }

#wrap.seven #content-top .right a.search, #wrap.seven #content-top .right a.search:visited {width:190px;}
#wrap #content-top .right a.search:hover {background-color:#333}

#wrap.one #content-top .right .on a.search, #wrap.one #content-top .right .on a.search:visited, #wrap.one #content-top .right ul.tab li ul li, 
#wrap.one #content-top .right .on a.browse, #wrap.one #content-top .right .on a.browse:visited{ background-color:#0082C8} 
#wrap.two #content-top .right .on a.search, #wrap.two #content-top .right .on a.search:visited, #wrap.two #content-top .right ul.tab li ul li,
#wrap.two #content-top .right .on a.browse, #wrap.two #content-top .right .on a.browse:visited{ background-color:#C20000} 
#wrap.three #content-top .right .on a.search, #wrap.three #content-top .right .on a.search:visited, #wrap.three #content-top .right ul.tab li ul li,
#wrap.three #content-top .right .on a.browse, #wrap.three #content-top .right .on a.browse:visited{ background-color:#67009C} 
#wrap.four #content-top .right .on a.search, #wrap.four #content-top .right .on a.search:visited, #wrap.four #content-top .right ul.tab li ul li,
#wrap.four #content-top .right .on a.browse, #wrap.four #content-top .right .on a.browse:visited{ background-color:#258FA9} 
#wrap.five #content-top .right .on a.search, #wrap.five #content-top .right .on a.search:visited, #wrap.five #content-top .right ul.tab li ul li,
#wrap.five #content-top .right .on a.browse, #wrap.five #content-top .right .on a.browse:visited{ background-color:#327904} 
#wrap.six #content-top .right .on a.search, #wrap.six #content-top .right .on a.search:visited, #wrap.six #content-top .right ul.tab li ul li,
#wrap.six #content-top .right .on a.browse, #wrap.six #content-top .right .on a.browse:visited{ background-color:#FF6600} 
#wrap.seven #content-top .right .on a.search, #wrap.seven #content-top .right .on a.search:visited, #wrap.seven #content-top .right ul.tab li ul li,
#wrap.seven #content-top .right .on a.browse, #wrap.seven #content-top .right .on a.browse:visited{ background-color:#670000}


#wrap #content-top .right a.browse, #wrap #content-top .right a.browse:visited {width:75px; height:20px; color:#FFFFFF; display:block; font-size:130%; text-align:left; font-weight:normal; padding:15px; background-color:#494949; text-decoration:none}
#wrap #content-top .right .on a.browse, #wrap #content-top .right .on a.browse:visited {width:200px; }

#wrap #content-top  .right a.browse:hover {background-color:#333}



#content-top .right ul.tab li ul li ul.more{ 
	/* this controls the browse panel triangle and li dropdowns spacing - in the browse panel */
	
	/*add in li #browse as reccomended by njd*/		 
	 /* display:inline;*/
      visibility:hidden;
	  position:relative;
	  height:0;
	  margin:0px;
	  padding:10px 0 5px  24px;
	  /* padding:10px 0 10px  24px;*/	
	  width:264px;	 
	  overflow:hidden;	 
	  clear:both;
	  }
	  
	  
#content-top .right ul.tab li ul li.on ul.more{		 
	 visibility:hidden;	
	  }
	  
#content-top .right ul.tab li.on ul li.on ul.more{		 
	 visibility:visible;
	 height:auto;
	 background:url(img/i_play_dwn.gif) no-repeat 8px 12px;
	 margin: 0 0 0 0; /* padding left on this controls the li in BROWSE search panels */
	  }
	  
/*#content-top .right ul.tab li.on ul li.on ul.moresearch,
#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li#dosearchtoggle_1.show ul.moresearch*/
/*.moresearch {	
     width: 200px; 
	 visibility:visible;*/
	/* height:auto;*/
	 /*background:url(img/i_play_dwn.gif) no-repeat 8px 12px;
	 background: green;   this gets shown in the purple pannel */
	 /*margin: 0 0 0 -105px;    padding left on this controls the li in SEARCH panels  - needs repositioning
	 	left:-105px;
		 }*/ 	  
	  
 #content-top .right ul.tab li ul li ul.more li{ 
			color:#000 ;
			text-decoration:none;
			display:block;
			padding:0px 0px 0 0;
			margin:2px 0px 0 10px;			
			height:38px;
			width:245px;			
			max-width:245px;	
			min-width:245px;	
			/*width:254px;			
			max-width:254px;	
			min-width:254px;*/					  
			}
			
 /* SEARCH collapsible panels - colour coded collapse hide-media links  - working ok*/
 
       /* #content-top .right ul.tab li ul li ul.more li .closelink,*/
 		/*#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li#dotoggle_1.on ul.more li.closelink
		#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollbrowse.VidPlay #searchitems li#dosearchtoggle_1.on ul.more li*/ 
        #wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink {
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#0082C8;
		}
		
        #wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink { 
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#c20000;
		}
		
        #wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink {
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#67009c;
		}
		
        #wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink {
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#258fa9;
		}
		
        #wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink {
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#327904;
		}
		
        #wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink {
		/*width: 140px;*/ height:15px; padding: 6px 2px 4px 2px; float: left; text-align: right; font-size:1em; font-weight: bold; clear:both; vertical-align: middle;
		background:#ff6600;
		}
		/*width: 140px; now hidden as this distorts in ie6*/ 
		
			/* BROWSE panel, controls the twirlied down (rhs alignment) hide menu item, particulary in ie6*/
			#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			#wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			#wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			#wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			#wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink,
			{
			text-align: right; float: none;
			}



/* ------------ */
/* BROWSE collapsible panels - colour coded collapse hide-media links - need bigger text? */
 
       /* #content-top .right ul.tab li ul li ul.more li .closelink,*/
 		/*#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li#dotoggle_1.on ul.more li.closelink
		#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollbrowse.VidPlay #searchitems li#dosearchtoggle_1.on ul.more li*/ 
		#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 250px; /*height:15px; */ padding: 3px 20px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #0082c8;}
			#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
		
		#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 250px; /*height:15px; */ padding: 3px 20px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #c20000;}
			#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
			
			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia { 
			font-size:1.1em; font-style:italic;}*/
		
		#wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 250px; /*height:15px; */ padding: 3px 20px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #67009c;}
			#wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
			
			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia { 
			font-size:1.1em; font-style:italic;}*/
		
		#wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 250px; /*height:15px; */ padding: 3px 20px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #258fa9;}
			#wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
			
			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia { 
			font-size:1.1em; font-style:italic;}*/
		
		#wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 240px; /*height:15px; */ padding: 3px 2px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #327904;}
			#wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
			
			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia { 
			font-size:1.1em; font-style:italic;}*/
		
		#wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink /*.closesearchmedia*/{
			width: 250px; /*height:15px; */ padding: 3px 20px 4px 2px; float: left; /*text-align: left;*/ font-weight: bold; clear:both; vertical-align: middle;
			/*background:#c20000;*/ font-size:1.1em; background: #ff6600;}
			#wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia{
			margin: 0 0 0 170px;}
			
			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem ul.more li.closelink .closesearchmedia { 
			font-size:1.1em; font-style:italic;}*/



/*the padding underneath the last item in the scroll area...*/
.browsefooter {
	height: 20px;
	}
	
	/*width:294px;*/	
	/*	 #wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#1DAOE6;}
	 
	 #wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#E11900;}

	 #wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#9900FF;}
	 
	 #wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#5FC8E2;}

	 #wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#63C2EB;}
	 
	 #wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .browsefooter
	 {float:left; height:60px; background:#FF9900;}	*/
		



.backlink a{
    padding: 0 0 0 0;
	}
	         
     /*.backlinks*/
	 /* BROWSE - styles up the the very bottom link, eg turquoise section '< back to category' */
	 
	 /* generic, effects jsut text, not background: li#search.on #scrollbrowse.VidPlay .backlink */
	 #wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#1DAOE6;}
	 
	 #wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#E11900;}

	 #wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#9900FF;}
	 
	 #wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#5FC8E2;}

	 #wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#63C2EB;}
	 
	 #wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#search.on #scrollbrowse.VidPlay .backlink
	 {width: 150px; height:15px; margin: 6px 2px 4px 2px; float: left; text-align: right; font-size:0.9em; font-weight: bold; clear:both; vertical-align: middle; background:#FF9900;}
	
	
	

/* ----- */
/* SEARCH collapsible panels - expanded li panels (note: this is the bit where it had the old problem with these aligning hard-left, as it was 'off' the panel) */
		
		#wrap.one #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left;
		}
		
		#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left; 
		}
		
		#wrap.three #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left;
		}
		
		#wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left;
		}
		
		#wrap.five #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left;
		}
		
		#wrap.six #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more /*lilistitem.on*/ {
		background:url(img/i_play_dwn.gif) no-repeat 8px 12px; width: 254px; /*width: 264px;*/ /*position: relative;*/ padding: 10px 0 10px 24px; left: 0px; text-align: left;
		}	
		
		
		
		
		
				/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li.listitem.on ul.more li
	   			{ width: 95%; }*/
	   
	   			/*#wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollbrowse.VidPlay #searchitems li#dosearchtoggle_1.on ul.more li.closelink #closesearchmedia {
				width: 150px;
				height:15px;
				margin: 6px 2px 4px 2px;
				float: left;
				text-align: right;
				font-size:1em;
				font-weight: bold;
				clear:both;
				vertical-align: middle;
				background:yellow;
				}*/
		
      				/* use this as a basis:
	   				#wrap.four #content-top.clearfix #searchandbrowse.right ul.tab li#search.on ul#scrollbrowse.VidPlay li.listitem.on ul.more li.closelink*/ 
	   
	  			    /* testing from older version */
					/* #wrap.two #content-top.clearfix #searchandbrowse.right ul.tab li#browse.on ul#scrollsearch.VidPlay #searchitems li#dosearchtoggle_1 ul.more */	
	
	
	
	
	

	
	
	
			
#content-top .right ul.tab li ul li ul.more li p {padding:10px 0 0 0; }
#content-top .right ul.tab li ul li p.show {padding:5px 0 0px 15px; margin:0 0 0 /*5px*/ 0; clear:both; font-size:100%;}
#content-top .right ul.tab li ul li.on p.show { display:none}
#content-top .right ul.tab li ul li p.show a, #content-top .right ul.tab li ul li p.show a:visited{background:url(img/i_play_sml.gif) no-repeat; color:white; padding-left:15px; font-weight:bold }

/* defines the bg of search/browse li panels */			
#wrap.one #content-top .right ul.tab li ul li ul.more li{ background:#1DA0E6}
#wrap.two #content-top .right ul.tab li ul li ul.more li{ background:#E11900}
#wrap.three #content-top .right ul.tab li ul li ul.more li{ background:#9900FF}
#wrap.four #content-top .right ul.tab li ul li ul.more li{ background:#5FC8E2}
#wrap.five #content-top .right ul.tab li ul li ul.more li{ background:#6CB23E}
#wrap.six #content-top .right ul.tab li ul li ul.more li{ background:#f90}
#wrap.seven #content-top .right ul.tab li ul li ul.more li{ background:#990000}

#wrap.one .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#1DA0E6}
#wrap.two .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color: #E11900}
#wrap.three .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#9900FF}
#wrap.four .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#5FC8E2}
#wrap.five .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#6CB23E}
#wrap.six .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#FF9900}
#wrap.seven .VidPlay  { border-style:solid; border-width:4px 0 0 0; border-color:#990000}

#content-top .box{padding-top:10x;} /*what is this?*/

#content-bot .box{/*margin-top:10px; background: orange;*/}
#content-bot .right{padding-top:10px;} /*padding for top of bottom right panel*/
#content-bot .left{margin-bottom:6px;} /*padding for top of bottom right panel*/
#content-bot .ads p{margin:10px 0 0 0; padding:0}
#content-bot .grey {background:#e9e9e9; /*padding:10px 10px 10px 10px;*/ /*_margin: 10px 0 0 10px;*/}
	
.right .box{
	margin:0 0 0 0;
	/*margin:0 0 10px 0;*/
	/*margin:10px 0 10px 0;*/
	/* padding between rhs grey boxes */
	}
	
	/* .right .box .tel{background: pink;} temp by nirm */
.right .box{/*padding-bottom:10x;*/margin: 0 0 0 0}
.right .ads p{margin:10px 0 0 0; padding:0}

.right .grey { 
	width:315px;
	/*	background:#e9e9e9;	*/
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;	
	/*	padding:10px 10px 10px 10px;
	_margin: 10px 0 0 10px;	*/
	float: left;
	}
	
.right .grey a{ 
    color: #363636;
    }
	
.right .white { 
	width: 200px;
	background:white;
	padding:10px 10px 10px 10px;
/*	_margin: 10px 0 0 10px;	
	padding:10px 10px 10px 10px;
	_margin: 10px 0 0 10px;*/
	}
		
.right a{
	color:#fff;
	font-size: 98%;
	}
	
.rating, .ratingbox/*, .right .box .rating*/ { 
	padding:0 0 0 0;
	margin:0 0 10px 0;
	height: 50px;	
/*	_margin: 10px 0 10px 0;*/
	background: #e9e9e9;	
	}	
	.ratingicon {
	width: 50px;
	height: 50px; 
	margin: 0 14px 0 0;
	float: left;
	}
	.ratingstar {
	width: 21px;
	height: 21px; 
	margin: 13px 1px 7px 0;
	float: left;
	}
	.ratingtext {
	width: 110px; 
	height: 33px; 
	padding: 9px 3px 0 15px;
	float: left;
	}
	
		
	
#content-bot .grey h3 { 
	margin:5px 0 10px 10px;
	}
	
#content-bot .grey p{ 
	margin:0 0 0 10px;
	}
	
#content-bot .grey .tel{ 
	margin:10px 0 0 10px;
	}

.tel  { padding:0 5px 0 0; height:13px; font-size:12px; }
.tel a, .tel a:visited { background:display:block; width:37px; height:13px; float:left; text-indent:-3000em;}

.grey .tel  { padding:0 5px 0 0; height:13px;}
.grey .tel a, .grey .tel a:visited { background: display:block; width:37px; height:13px; float:left; text-indent:-3000em;}

ul.tab p.update {text-align:center; padding:10px 10px 0 10px;}

.grey ul.list { margin:0; padding:0; list-style-type:none;}
.grey ul.list li{margin:0 0 10px 0; padding:0; background:white; height:60px}
.grey ul.list p{margin:0 0 0px 0; padding:5px 0 0 0; }
.grey ul.list li .thumb {float:left; padding-right:10px;}

.white ul.list {margin:0; padding:0; list-style-type:none;}
.white ul.list li{margin:0 0 10px 0; padding:0; background:#666; height:60px}
.white ul.list p{margin:0 0 0px 0; padding:5px 0 0 0; }
.white ul.list li .thumb {float:left; padding-right:10px;}


/*///////// end col on the right */


/*///////// search table /// */

li table {padding:0 0 0 0px; margin:5px 0 ; width:100%; border-collapse:separate }
li table td{padding:5px 0 5px 10px; margin:0; color:#FFFFFF; font-size:13px}
li table  label{display:block; width:68px;}
input.txt{width:185px;}
select.wide {width: 190px; height: 22px;  background-color: rgb(255, 255, 255);  }
select.narrow {
	width:60px;
	height: 22px;
	background-color: rgb(255, 255, 255);
	text-align:right;
}

/*input.txt{width:205px;}
select.wide {width: 210px; height: 22px;  background-color: rgb(255, 255, 255);  }
select.narrow {width:66px; height: 22px; background-color: rgb(255, 255, 255);  text-align:right;}
*/


/*///////// search table /// */


/*/////////      footer     ///////////*/
	
	/* backup for normal number of 7 main nav link version
	.toplinks {position:absolute; top:10px; text-align:left; left:170px; font-size:12px; width:790px}*/
	/* temp version for reduced number of 5 main nav link version */
	.toplinks {position:absolute; top:10px; text-align:left; left:285px; font-size:12px; width:677px;}

	.toplinks  .addthis{float:right;}
	
	
	#footer .toplinks p{	
	padding:0 0px 0 0;
	margin:0;		
	color:#666666
	}

	

	
	/*/////////    end   footer     ///////////*/ 
		
.nounderline{
    text-decoration: none;
	}

#videoloading{
    width: 596px; /* this was 595px before the making the video 1px wider change */
    height: 385px;
    background-image: url(img/loading.gif);
    background-repeat: no-repeat;
    background-position: 50% 50%;
	}

#searchitems{
    /*background: green; empty container needed by the programming*/
	margin: 0 0px 0 0;
	/*background: blue;   is visible on the purple panel*/
	}

.searchagain {
	/*background: red;*/
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-style: italic;
	text-align: right;
	}

.searchagainheight {
	height: 10px;
	width: 180px;
	margin: 0 0 4px 0;
	float: left;
	}

#galleryimages{
    height: 335px;
	}
#gallerynav{
    padding: 15px 0 0 0; 
    text-align: center;
    color: #ffffff;
	}
#gallerynav a{
    color: #ffffff;
    text-decoration: none;
	}
.error{
     color: #ff0000;
	}
    
#videotitle{
    padding: 15px 0 0 10px; 
    text-align: left;
    color: #ffffff;
}

#mediacontainer{
    height: 385px;
    width: 596px; /* width has now been defined - nirm */	
    /*background-color: #e9e9e9;  light grey, for ie6 */
    background-color: #494949; /*dark grey	*/
	}
	
	#mediacontainer img{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}
	


/*/////////   table code for hand made tariff tables    ///////////*/ 	
table#sample {
		background-color:#ccc;
		/* border: thin none #000000;*/
		width: 566px;
		margin-bottom: 20px;
		}

		table#sample td {
		padding: 5px;
		margin: 0px;	
		/*border: solid #000 1px;*/
		}

		.tabletoprow {
		font-size: 12px;
		/*font-weight: bold;				
		 color: red;*/
		text-align: center;
		background-color: #ccc;
		}

		.tableleftcol {
		font-size: 10px;	
		/*font-weight: bold;*/
		text-align: left;
		background-color: #e9e9e9;
		}
	
		.tabledata {
		font-size: 10px;
		/*font-weight: bold;	*/			
		text-align: center;
		background-color: #e9e9e9;
		}	

/*  Newsletter signup form */

.signupformlabel{
    width: 75px;
    float: left;
}