/*
	Hurlingham Clinic
	--------------------------------------------
	Main Green			: #68B28F;
	Over Green			: #4A956D;
	Blue				: #014584;
	
	
	Remember to add in the full path for images/drop downs htc behaviours when reuploading to live server
	-----------------------------------------------------------------------------------------------------
	http://www.hurlinghamclinic.co.uk/
	-----------------------------------------------------------------------------------------------------

*/



body {
	font-family				: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #666666;
	background-color		: #FFFFFF !important;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	height 					: 100%;
	behavior				: url('htc/csshover.htc')
}



#printLogo{
	display 				: none;
}
#container{
	width					: 750px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
}
#header{
	background-image		: url(../images/bg_fade.jpg);
	background-repeat		: no-repeat;
	background-position		: right bottom;
	height					: 154px;
	border-bottom-width		: 1px;
	border-bottom-style		: solid;
	border-bottom-color		: #68B28F;	
}
#header img{
	float 					: left;
	margin-top 				: 10px;
}


#content{
	background-image		: url(../images/top_fade.jpg);
	background-repeat		: no-repeat;
	background-position		: right top;
	width					: 750px;
	min-height				: 500px
}



#leftNav{
	display					: block;
	float					: left;
	min-height				: 400px;
	width					: 104px

}



#content ul#shoppingNav{
	margin  				: 0px;
	padding 				: 0px;
	list-style				: none;
	background-image		: url(../images/ul_background.jpg);
	background-repeat		: repeat-x;
	width 					: 104px;
	float 					: left;
}
#content ul#shoppingNav li{
	border-bottom			: 1px solid #FFFFFF;
}
#content ul#shoppingNav li a{
	color 					: #71857B;
	text-decoration 		: none;
	display	 				: block;
	line-height 			: 110%;
	padding 				: 4px;
	padding-left			: 10px;
	width 					: 90px;
}
#content ul#shoppingNav li a:hover{
	color 					: #333333;
}
#contentArea{
	margin-left 			: 20px;
	margin-top 				: 30px;
	float 					: left;
	width 					: 620px;
}

#contentArea a.links{
	font-family				: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration			: none;
	color					: #666666;
	height 					: 100%;
}

#contentArea a:hover.links{
	font-family				: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration			: none;
	color					: #666666;
	height 					: 100%;
}

.clear{
	clear 					: both;
}
#footer{
	clear 					: both;
	border-top 				: 2px solid #68B28F;
	margin-top 				: 0px;
	font-size 				: 85%;
	color 					: #999999;
}




/*################
##### TEASER #####
################*/ 


.teaser{
	
	text-decoration			: none;
	color					: #333;
	margin 					: 10px 0px 0px 0px;
}

.teaser a{
	float					: left;
	margin 					: 0px;
	padding					: 8px;
	width					: 104px;
	height					: 80px;
	color					: #333;
	background-image		: url(../images/consultLink.gif);
	background-repeat		: no-repeat;

}



.teaser a:hover{
	color					: #333;
	text-decoration			: none;
	background-image		: url(../images/consultLinkOver.gif);
	background-repeat		: no-repeat;
	

}


#UFOway{
	width					: 440px;
}

#scrollcontent{
	clear 					: both;
	margin-top 				: 3px;
	font-family				: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	
	color					: #666666;
	padding-left:5px;
	text-align:justify;
}




/*#######################
##### PRESS RELEASE #####
#######################*/ 

.pressTable{
	width					: 630px;
}

*html .pressTable{
	width					: 600px;
}

.pressTable td{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	vertical-align			: top;
}

.pressTable a{
	display					: block;
	margin					: 5px 5px 5px 5px;
	padding					: 10px 0px 5px 0px;
	border					: 2px solid #FFFFFF;
	text-decoration			: none !important;
	color					: #999999
}

.pressTable a:hover{
	border					: 2px solid #68B28F;
	text-decoration			: none;
	color					: #333333
}





/*#####################
##### MISC BUTTON #####
#####################*/ 

.miscBtn ul{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	list-style				: none;
	float					: right;

}

.miscBtn p{
	margin					: 10px 0px 5px 0px;
	padding					: 0px 5px 0px 5px;


}

.miscBtn ul li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 10px;
	width					: 130px;
	height					: 25px;
	display					: block;
	background-color		: #68B28F;
	text-align				: center;
	line-height				: 2.1em;
	color					: #FFFFFF;
	text-decoration			: none !important;
	background-image		: url(../images/arrow.gif);
	background-position		: left;
	background-repeat		: no-repeat;
}

.miscBtn ul li a:hover{
	background-color		: #389061;
	color					: #FFFFFF;
	text-decoration			: none !important;
}



/*#############################
#### MULTI-PAGE NAV BUTTON ####
#############################*/ 

.multiPageBtn ul{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	list-style				: none;
}

.multiPageBtn ul li{
	display					: inline;
	float					: left;
}

.multiPageBtn ul li a{
	margin					: 0px 5px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width					: 20px;
	height					: 20px;
	display					: block;
	background-color		: #68B28F;
	text-align				: center;
	line-height				: 1.8em;
	color					: #FFFFFF;
	text-decoration			: none !important;
}

.multiPageBtn ul li a:hover, .multiPageBtn ul li a.selected{
	background-color		: #389061;
	color					: #FFFFFF;
	text-decoration			: none !important;
}