<script type='text/javascript'>
jQuery(document).ready(function($){
	var tallest = 0;
	$('.country').each(function() {
		var thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	$('.country').children('.keret').height(tallest-30);
});
</script>


<style>
#content input, #content textarea, #content select{
	background: #ddd;
	width: 350px;
	border: 1px solid #ccc;
}
.country{
	float: left;
}
.keret{
	width: 232px;
}
.ws-cim{
	font-weight: bold;
}
ul.ulcontsubmenu{
	padding-left: 0px;
	width: 170px;
	float: left;
	margin-left: -10px;
}
#contsubmenu ul.ulcontsubmenu li{
	list-style-type: none;
	background: none repeat scroll 0 0 #EBEBEB;
    margin: 6px 0 0;
    padding: 5px 10px;
}
#countries{
	margin-left: 170px;
}
</style>

<div id="contsubmenu">
	<ul class="ulcontsubmenu">
	<li><a class="tema" href="/contact/partners" name="countries">Representatives</a></li>
	<li><a class="tema" href="/contact/partners/tutors">Tutors</a></li>
	<li><a class="tema" href="/contact/partners/demo" name="countactus">Request Demo</a></li>
	<li><a class="tema" href="/contact/partners/enquiries" name="countactus">Enquiries</a></li>
	</ul>
</div>


<?=$this->load->view($tartalom2)?>

<div id="countactus">

</div>