@import "text-size-normal.css";


/* Colours
---------------------------------------------------------------------------------

#00aca2 - Green
#005747 - Dark Green
#a7d8d3 - Light Green
#b6292f - Red
#d8d5c9 - Beige
#b7b69d - Dark Beige

--------------------------------------------------------------------------------- */



/* Reset Styles
--------------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, div, p, ul, li, dl, dt, dd, img, label, hr, table, td, tr { 
	margin: 0;
	padding: 0;
	border: 0; }

ul, li {
	list-style: none; }

a {
	outline: none; }



/* Body and Container backgrounds
--------------------------------------------------------------------------------- */

body {
	background: #a7d8d3; }


#container {
	width: 967px;
	height: 716px; }

	.template_largepic #container {
		background: url(../media/image/background/background-largepic.jpg) no-repeat; }

	.template_smallpic #container {
		background: url(../media/image/background/background-smallpic.jpg) no-repeat; }

	.template_nopic #container {
		background: url(../media/image/background/background-nopic.jpg) no-repeat; }



/* Left Column - (Header, Navigation, Search, Text Size, Footer)
--------------------------------------------------------------------------------- */

#left_column {
	width: 250px;
	float: left; }


h1 {
	width: 250px;
	height: 200px;
	background: url(../media/image/logo/header_vote_cruelty_free.gif);
	text-indent: -5000px }

	h1 a {
		padding: 0 5150px 186px 0; }


#navigation_wrapper {
	width: 250px;
	height: 270px; }

	#navigation {
		margin: 20px 0 0 20px; }

		#navigation li {
			margin-bottom: 6px; }
		
			#navigation li, x:-moz-any-link { margin-bottom: 3px; } /* Firefox - margin bottom too large */

			#navigation .sub {
			margin-top: 5px; }
	
				#navigation .sub, x:-moz-any-link { margin-top: 3px; } /* Firefox - margin top too large */

			#navigation .sub li {
			margin-bottom: 2px; }
		
				#navigation .sub li, x:-moz-any-link { margin-bottom: 0; } /* Firefox - margin bottom too large */


#candidates_click_here { /* Only shown on Homepage */
	 width: 154px;
	 height: 44px;
	 background: #005747 url(../media/image/misc/corner_light_green.gif) no-repeat top right;
	 margin: 100px 0 0 20px; }


#search {
	margin: 10px 0 0 20px; }
		
	#search label input {
		margin: 0 0 5px 0;
		padding: 0;
		border: 0;
		background: #a7d8d3;
		color: #fff; }
		
		#search label input, x:-moz-any-link { margin-left: -4px; } /* Firefox - margin bottom too large */
	
	#search .search_box {
		width: 170px;
		height: 16px;
		border: 0;
		background: #fff;
		color: #005747; }


#textSize {
	margin: 10px 0 0 20px; }
	
	#textSize h3 {
		float: left; }
	
	#textSize ul, #textSize li {
		float: left; }


#footer {
	clear: both;
	float: left;
	margin: 5px 0 0 17px; }
	
	#footer li {
		display: inline; }		



/* Main Column - (Logos, Content, Sidebar, Content Columns)
--------------------------------------------------------------------------------- */

#main_column {
	width: 650px;
	float: left; }


#logos, #logos li {
	float: left; }

	#logos {
		margin: 15px 0 0 60px; }

	#logos li {
		margin-right: 15px; }


#content {
	width: 375px;
	height: 410px;
	float: left;
	margin: 70px 0 0 20px; }
	
	#content #largepic {
		margin: 2px 0 0 -1px; }
		
		#content #largepic, x:-moz-any-link { margin-top: 0px; } /* Firefox & IE7 - margin-top too large */
	
	#content #content_box {
		width: 381px;
		margin: 20px 0 0 0;
		overflow: auto; }
	
	.template_largepic #content #content_box {
		height: 140px; }
	
	.template_smallpic #content #content_box {
		height: 500px;
		width: 370px;
		margin-top: 65px; }
	
	#layout_ukcampaign #content h2, #layout_eucampaign #content h2 {
		margin-left: 50px;
	}
	
	#layout_ukcampaign #content #content_box, #layout_eucampaign #content #content_box {
		width: 300px;
		margin-left: 50px; }

#smallpic {
	margin: 73px 0 0 6px; }
	
	#smallpic, x:-moz-any-link {margin-top: 71px; } /* Firefox - margin-top too small */


.template_largepic #sidebar {
	width: 210px;
	height: 465px;
	float: left;
	margin: 70px 0 0 20px;
	background: #d8d5c9; }
	
	#layout_hunting #sidebar {
		height: 475px; }
	
	.template_smallpic #sidebar {
		width: 210px;
		height: 250px;
		float: left;
		margin: 25px 0 0 10px;
		background: #d8d5c9; }
	
	#layout_getinvolved #sidebar {
		width: 210px;
		height: 425px;
		float: left;
		margin: 15px 0 0 20px;
		background: #d8d5c9; }
		
		#layout_getinvolved #sidebar, x:-moz-any-link {height: 442px;} /* Firefox - height is too small */
	
	#news_and_press, #latest_sign_ups, #politician {
		width: 192px;
		background: #00aca2 url(../media/image/misc/corner_dark_green.gif) no-repeat top right;
		margin: 9px 0 0 9px; }
	
	#quick_links div {
		float: left;
		width: 192px;
		height: 36px;
		background: #b6292f url(../media/image/misc/corner_red.gif) no-repeat top right;
		margin: 9px 0 0 9px; }
		
		#quick_links img {
			float: left;
			margin: 6px; }
	
	#show_your_support {
		float: left;
		width: 192px;
		height: 36px;
		background: #b7b69d;
		margin: 9px 0 0 9px; }
	
	.organisation {
		width: 192px;
		margin: 12px 0 0 9px; }
		
		.organisation img {
			margin-bottom: 9px; }
			
			#layout_hunting .organisation img {
				margin-right: 9px; }
			
			#layout_seals .organisation img {
				margin-right: 2px; }
				
				#ifaw_copy, #league_copy, #respect_copy, #ifaw_copy2 {
					height: 140px;}
	
	#briefing, #manifesto {
		width: 192px;
		background: #b6292f url(../media/image/misc/corner_red.gif) no-repeat top right;
		margin: 9px 0 0 9px; }
	

#media_welcome {
	float: left;
	width: 620px;
	margin: 100px 0 0 30px; }
	 
	 #media_welcome div {
	 	float: left;
	 	width: 450px;
	 	margin: -2px 0 0 8px; }


.content_column {
	float: left;
	width: 180px;
	height: 310px;
	background: #d8d5c9;
	margin: 15px 15px 15px 0; }
	
	.first_column {
		margin-left: 30px; }
	
	.content_column div {
		width: 180px;
		height: 285px; }
		
		#layout_news .content_column div, #layout_pressreleases .content_column div, #layout_briefings .content_column div {
			width: 170px;
			height: 290px;
			margin-top: 9px;
			overflow: auto; }
	
	#layout_lobbyeu .content_column, #layout_lobbyuk .content_column  {
		height: 380px; }
	
	#layout_mediacentre .content_column div {	
		clear: both;
		height: 240px;
		margin-bottom: 10px;
		overflow: auto; }


#media_contacts {
	float: left;
	width: 620px;
	margin: 0 0 0 30px; }
	 
	 #media_contacts div {
	 	float: left;
	 	margin: 3px 0 0 8px; }


#intro {
	float: left;
	width: 620px;
	height: 50px;
	margin: 40px 0 0 30px; }

.content_column_wide {
	float: left;
	width: 390px;
	height: 380px;
	background: #d8d5c9;
	margin: 15px 0 15px 0; }
	
	#layout_getinvolved .content_column_wide, #layout_resources .content_column_wide, #layout_vcfpledge .content_column_wide, #layout_privacypolicy .content_column_wide, #layout_sitemap .content_column_wide {
		background: none;
		margin-left: 21px;
		overflow: auto; }
			
			#layout_getinvolved .content_column_wide h3 {
				clear: left;
			}
			
			#layout_getinvolved .content_column_wide li {
				float: left;
				margin-right: 3px; }
				
				#layout_getinvolved .content_column_wide li img {
					margin-bottom: 3px; }
					
						#dup_logo {
							margin-left: 10px;
							padding-right: 10px; }
		
		#layout_resources .content_column_wide {
			width: 450px; }
			
			#layout_resources .content_column_wide table {
				margin: 0 0 15px 7px;
				padding-top: 6px; }
				
				#layout_resources .content_column_wide table .thumbnail {
					padding-bottom: 10px; }
				
				#layout_resources .content_column_wide table .copy {
					width: 160px; }
	
	#layout_news .content_column_wide, #layout_pressreleases .content_column_wide, #layout_briefings .content_column_wide {
		height: 310px; }
		
		#layout_news .content_column_wide div, #layout_pressreleases .content_column_wide div, #layout_briefings .content_column_wide div {
			width: 380px;
			height: 290px;
			overflow: auto;
			margin-top: 9px; }
		
		#layout_lobbyeu .content_column_wide, #layout_lobbyuk .content_column_wide {
			overflow: auto; }
			
			#layout_lobbyeu hr, #layout_lobbyuk hr {
				height: 1px;
				width: 358px;
				border-bottom: 1px dashed black;
				margin-bottom: 9px;
				margin-left: 9px; }
	
	#layout_privacypolicy .content_column_wide, #layout_sitemap .content_column_wide {
		width: 580px; }
	

#layout_lobbyeu #main_column form, #layout_lobbyuk #main_column form {
	margin: 9px 0 0 9px; }
	
	#layout_lobbyeu #main_column form select, #layout_lobbyuk #main_column form select {
		width: 160px;
		margin-top: 5px; }
	
	.postcode_box {
		width: 160px;
		height: 16px;
		border: 0;
		background: #fff;
		color: #005747;
		margin: 5px 0 5px 0; }


#layout_vcfpledge .content_column_wide {
	margin-left: 40px;
	height: 360px;
}

/* Typography
--------------------------------------------------------------------------------- */

body { 
	font-family: arial, sans-serif;
	font-size: 62.25%; }


#container {
	font-size: 1.2em; }


h1 {
	font-size: 1em; }


#navigation {
	font-size: 1.2em; }

	#navigation a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
		background: #b6292f;
		padding: 1px 8px; }
		
		#navigation a, x:-moz-any-link { padding: 0px 8px; } /* Firefox - padding top/bottom too large */

		#navigation a:hover {
			background: #00aca2; }

		#navigation .selected a {
			background: #00aca2; }

	#navigation .sub {
		font-size: 0.8em;
		margin-left: 5px; }

	#navigation .sub a {
		background: none;
		padding: 1px 3px; }
		
		#navigation .sub .selected a {
			background: #00aca2; }

		#navigation .sub a:hover {
			background: #00aca2; }

			
#candidates_click_here h3 {
	font-family: 'arial black';
	font-size: 1.7em;
	letter-spacing: -1px;
	line-height: 1.4em;
	color: #fff;
	margin-left: 8px; }
	
	#candidates_click_here a {
		font-size: 1.2em;
		text-transform: uppercase;
		font-weight: bold;
		color: #d8d5c9;
		text-decoration: none;
		margin-left: 8px;
		line-height: 0.4em; }


#textSize, #textSize a {
	color: #fff;
	text-decoration: none; }
	
	#textSize h3 {
		font-size: 0.9em;
		font-weight: normal; }
	
	#textSize ul {
		margin-top: -5px; }
		
		#textSize ul, x:-moz-any-link { margin-top: -6px; } /* Firefox - margin top too small */
	
		#textSize ul #largestTextOption {
			font-size: 1.4em; }
	
		#textSize ul #largeTextOption {
			padding-top: 4px; }
			
			#textSize ul #largeTextOption, x:-moz-any-link { padding-top: 5px; } /* Firefox - padding top too small */
	
		#textSize ul #normalTextOption {
			font-size: 0.8em;
			padding-top: 6px; }
			
			#textSize ul #normalTextOption, x:-moz-any-link { padding-top: 7px; } /* Firefox - padding top too small */
	
		#textSize ul li {
			margin-left: 4px; }
		
			
#footer a {
	font-size: 0.9em;
	color: #fff;
	text-decoration: none;
	padding: 1px 3px; }

	#footer a:hover {
		background: #00aca2; }
		
		
#content h2, #intro h2 {
	float: left;
	position: absolute;
	color: #fff;
	background: #b6292f; }

	.template_largepic #content h2 {
		font-size: 1.8em;
		padding: 3px 5px;
		margin: 10px 0 0 7px; }
	
	.template_smallpic #content h2 {
		font-size: 1.4em;
		padding: 3px 5px;
		margin: 25px 0 0 0; }

	#content p, #content ul {
		font-size: 0.9em;
		color: #005847;
		margin-bottom: 15px; }
	
	#content #content_box a {
		color: #b6292f;
		text-decoration: none; }
	
	#content_box .opening_p {
		font-weight: bold; }
		
		.content_column_wide .opening_p {
			margin-top: 7px; }
	
	#content_box li {
		list-style: disc;
		list-style-position: inside;
		margin-bottom: 3px;
		padding-left: 1px; }


#news_and_press {
	color: #fff; }
	
	#news_and_press h2 {
		font-size: 1.2em;
		line-height: 2em;
		margin-left: 8px; }
	
	#news_and_press ul {
		font-size: 0.9em;
		margin: 0 8px;
		padding-bottom: 1px; }
		
		#news_and_press ul li {
			margin-bottom: 10px; }
	
	#news_and_press a {
		color: 005747;
		text-decoration: none;
		font-weight: bold; }


#latest_sign_ups {
	color: #fff; }
	
	#latest_sign_ups h2 {
		font-size: 1.2em;
		line-height: 2em;
		margin: 0 8px; }
	
	#latest_sign_ups ul {
		font-size: 0.9em;
		font-style: normal;
		margin: 0 8px 8px 8px; }
	
	#latest_sign_ups li {
		width: 140px;
	}
	
	#latest_sign_ups p {
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 8px;
		padding-bottom: 8px; }
		
	#latest_sign_ups a {
		color: 005747;
		text-decoration: none;
		font-weight: bold; }


#quick_links h2 {
	font-size: 1.2em;
	text-transform: uppercase;
	color: #fff;
	background: #b7b69d;
	width: 101px;
	padding: 2px 0 2px 7px;
	margin: 20px 0 0 10px; }
	
	#quick_links h3 {
		float: left;
		font-size: 1.2em;
		margin-top: 10px; }
		
		#quick_links h3 a {
			color: #fff;
			text-decoration: none; }


#show_your_support a {
	font-size: 1.2em;
	font-family: 'arial black';
	letter-spacing: -1px;
	text-decoration: none;
	margin-left: 5px; }
	
	#show_your_support p a {
		color: #b6292f;
		font-weight: bold;
		line-height: 1.7em; }
		
	#show_your_support h4 a {
		color: #00aca2;
		text-transform: uppercase;
		line-height: 0.2em; }


.organisation {
	color: #005747;
	font-size: 0.9em; }
	
	.organisation p {
		margin-bottom: 10px; }
		
		.organisation p, x:-moz-any-link {line-height: 1.1em;} /* Firefox and IE - line height too large */
	
		.organisation p a {
			color: #b6292f;
			text-decoration: none; }


#briefing, #manifesto {
	color: #fff; }
	
	#briefing h4, #manifesto h4 {
		font-size: 1.1em;
		line-height: 1.8em;
		margin-left: 5px; }
	
	#briefing p, #manifesto p {
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 5px;
		padding-bottom: 7px; }
		
		#briefing p a, #manifesto p a {
			color: #a7d8d3;
			text-decoration: none; }
			
			
#politician {
	color: #fff; }
	
	#politician h4 {
		font-size: 1.1em;
		line-height: 1.1em;
		margin: 0 6px;
		padding-top: 6px; }
		
		#politician h4 a {
			letter-spacing: -1px;
			color: #005747; }
	
	#politician a {
		text-decoration: none;
		font-weight: bold; }
	
	#politician ul {
		font-size: 0.9em;
		font-style: italic;
		margin: 6px; }
	
	#politician p {
		font-size: 1.1em;
		font-weight: bold;
		margin: 0 6px;
		padding-bottom: 6px; }
		
		#politician p a {
			color: #fff; }


#media_welcome h2, .content_column h3, #media_contacts h2, .content_column_wide h3 {
	float: left;
	font-size: 1.2em;
	color: #fff;
	background: #b6292f;
	padding: 2px 6px; }
	
	#media_welcome p, #media_contacts p {
		font-size: 0.9em;
		color: #005747;
		font-weight: bold; }
		
		#layout_news #media_welcome p, #layout_briefings #media_welcome p {
			padding-top: 6px; }
		
		#media_welcome p a, #media_contacts p a {
			color: #b6292f;
			text-decoration: none; }


.content_column h3, .content_column_wide h3 {
	margin: 9px; }
	
	.content_column h4, .content_column_wide h4 {
		clear: both; }
	
	.content_column h4, .content_column p, .content_column_wide h4, .content_column_wide p, .content_column_wide ul {
		font-size: 0.9em;
		margin: 0 9px; }
	
	.content_column h4, .content_column h4 a, .content_column_wide h4 {
		color: #b6292f;
		text-decoration: none; }
	
	.content_column p, .content_column_wide p, .content_column_wide li {
		color: #005747;
		margin-top: 2px;
		margin-bottom: 9px; }
		
		.content_column_wide p {
			clear: both; }
		
		.content_column p, x:-moz-any-link { line-height: 1.2em; } /* Firefox & IE - line height too large */
		.content_column_wide p, x:-moz-any-link { line-height: 1.2em; } /* Firefox & IE - line height too large */
	
		.content_column p a, .content_column_wide p a {
			font-size: 1.1em;
			font-weight: bold;
			color: #b6292f;
			text-decoration: none; }


#intro h2 {
	font-size: 1.4em;
	padding: 3px 5px;
	margin: 25px 0 0 0; }
	
	#layout_vcfpledge #intro h2 {
	margin: 25px 0 0 20px; }
	
	#layout_lobbyeu #main_column label, #layout_lobbyuk #main_column label {
		font-size: 0.9em;
		color: #005747;
		font-weight: bold; }


#layout_getinvolved .content_column_wide p a, #layout_resources .content_column_wide p a, #layout_vcfpledge .content_column_wide p a {
	font-size: 1em; }
	
	#layout_getinvolved .content_column_wide li {
		text-align: center; }
		
		#layout_getinvolved .content_column_wide li a {
			font-size: 0.9em;
			color: #000;
			text-decoration: none; }
	
	#layout_resources .content_column_wide table {
		font-size: 1em; }
	

#layout_news .content_column_wide h4, #layout_pressreleases .content_column_wide h4, #layout_briefings .content_column_wide h4 {
	font-size: 1.1em; }


#layout_lobbyeu .content_column_wide h4 {
	font-size: 1.2em; }
	
	#layout_lobbyeu .content_column_wide p a {
		font-size: 1em; }
		
	#layout_lobbyeu .content_column_wide h5 {
		font-size: 1em;
		color: #005747;
		margin: 0 0 5px 9px;
		padding-top: 3px; }
	
	#layout_lobbyeu .content_column_wide p img, #layout_lobbyuk .content_column_wide p img {
		margin: 0px 3px 0 0;
	} 
	
	#legend {
		margin-top: 10px;
	}
	
#layout_contactus #content_box ul li {
	list-style: none; }
	

#layout_sitemap .content_column_wide ul a {
	color: #005747;
	text-decoration: none; }
	
	#layout_sitemap .content_column_wide ul a:hover {
		text-decoration: underline; }
	
	
		
/* Lobby Mp
-------------------------- */
#letter {
	margin: 5px;
	padding: 5px;
	border: dashed 1px #b6292f;
}

#letterForm input, #letterForm textarea {
	width: 340px;
}

#verification_code {
	text-align: center;
}

#verification_code img {
	margin: 0 30px;
}

#letterForm  #verification_code input {
	width: 150px;
}

#letterForm  .submitLetter {
	width: 200px;
	font-size: 12px;
}

#layout_lobbyuk #errorBox {
	margin: 5px;
	padding: 5px;
	border: 1px solid #b6292f;
	color: #b6292f;
}

#errorBox .error {
	font-weight: bold;
}

.require {
	color: #b6292f;
}