/* =GENERIC */
body{ font-size: 76%; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background-color: #fff; text-align: center;} /* all elements sized in ems only. DOCUMENTATION: http://www.thenoodleincident.com/tutorials/typography/index.html */

.float-right{ float: right !important; }
.float-left{ float: left !important; }
form, blockquote,fieldset{ margin:0; padding:0; border: 0px solid #fff; } 
legend {display:none;}
a img { border:none }
address { font-style:normal;}
.hr{background: url(../images/bg-dotted.gif) repeat-x; height: 1px; font-size: 0.01em; line-height: 0.01em; padding:0;margin:0 0 3px 0;}
.hr hr{display:none;}
dl {padding:0;margin:0;}
dt {float:left;}
dd {margin-left: 60px;}

/* =TYPOGRAPHY */
h1{ font-size: 1.6em; margin: 5px 0 10px 0; }
h2{ font-size: 1.3em; margin:0; }
h2.breadcrumb{font-size:1em;}
h3,h4,h5,h6{ font-size: 1.1em; margin: 1em 0 0 0; }
h2 a, h3 a ,h4 a ,h5 a ,h6 a{ text-decoration: none; }
h2 a:hover, h3 a:hover ,h4 a:hover ,h5 a:hover ,h6 a:hover{ text-decoration: underline; }
p{ margin: 0 0 1em 0; }
ul, ol{ margin-top: 0; margin-bottom: 1em; }
ul{list-style-type: square;}
li{ margin: 0 0 0.3em 0;  }
small{ font-size: 0.94em; }
a{ color: #000; }
/*a:hover{ color: #E50067; }*/
a:hover{ color: #B70052; }

table{ border-bottom: 1px solid #ccc; margin-bottom: 1em; }
th{ background: #FBD9E8 url(../images/bg-th.gif) bottom repeat-x; vertical-align: top; font-size: 0.94em; padding: 1px 5px 3px 5px;text-align:left; }
td{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 1px 5px; background-color: #fff;vertical-align:top; }
input, select, textarea{ font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
#intro p{padding:5px 10px 0 0;font-size:1.2em;line-height:1.3em !important;}
.imagetext 
{font-style: italic; font-size: 0.94em; }



/* =LAYOUT */
#page{ width: 778px; text-align: left; margin: 0 auto; padding: 0 0 20px 0; text-align: left; background-color: #FFF; border-left: 1px solid #F0F0F0; border-right: 1px solid #F0F0F0; }
.padding-page{ padding: 0 10px; }
#header{ min-height:96px;padding: 1px 0 0 0; clear: both; margin: 0; border-top: 3px solid #E50067;}
#logo{ margin-left: 12px;float:left; }
#header h1{margin:0;padding:0;}
#search{ width: 180px;float: right;color:#666;font-size:0.94em; padding:10px;}
.box-search{ float: left; width: 150px; }
.box-search label{float:left;width:auto;margin:0 5px 0 0;padding:3px 0 0 0;}
.field-search{ float:left;width:100px;border: 1px solid #666; padding:2px 0 2px 0; }
.btn-search{ float: right; }
#search a{ text-decoration: none; color: #666;font-weight:bold;float:right; }
#search a:hover{ color: #000; }
#search .padding{ padding: 5px 0; display: block; }
#search .padding label{ padding: 0 0 0 3px; }

#container{}
	#subnav, .holder1{float:left;width: 151px;}
	#content, .holder2{float:left;width:407px;}
	#content .padding{ padding: 10px; }
	#content p, #content ul, #content ol{ line-height: 1.6em; }
	#additional, .holder3{float:right;width:200px;}
	#additional2{float:right;clear:right;width:200px;}
	#additional .padding, #additional2 .padding{ margin-top: 10px; }
	
#template-popup #page, #template-popup #content{width:370px;margin:0;border:0;}
	

/* =SHORTCUTS */
#shortcuts{position:absolute;left:-500px;top:-500px;width:50%;}
#toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}


/* =NAVIGATION */
/* #navigation{position:relative;background-color:#E50067;clear:both;margin:0;font-weight:bold;} */
#navigation{position:relative;background-color:#093280;clear:both;margin:0;font-weight:bold;}

	#navigation ul{list-style-type:none;margin:0;padding:0;width:100%;}
	#navigation li{ display: block; float: left; margin: 0; padding: 0; }
	#navigation a{  color: #fff; display: block; float: left; text-decoration: none; margin: 0; padding: 6px 0; line-height: 1.1em; border-right: 1px solid #fff; text-align: center; }
	
	.btn0 a{ width: 72px; }
	.btn1 a{ width: 142px; }
	.btn2 a{ width: 117px; }
	.btn3 a{ width: 116px; }
	.btn4 a{ width: 103px; }
	.btn5 a{ width: 118px; }
	.last { float: right;}
	.last a { width: 80px;border: none !important;}
	/* hide from IE-mac \*/ .last a {width: 84px;} /* end hide from IE-mac */
	
	#navigation a:hover{background-color:#000 !important;}
	#navigation a.selected{background-color:#000;}
	#navigation li.selected a{background-color:#000;}
	#navigation li.selected li a{background-color:#093280;}
	/*
	menu eski renk pembe
	#navigation li.selected li a{background-color:#E50067;}
	*/
	
	
	#navigation ul ul li a{padding:0;}
	#navigation ul ul li a span{display:block;padding:3px 5px;}
	
	.hide{display:none;}
	
	#item1menu{left:73px;width:150px !important;border:1px solid #000;}
	#item1menu a{width:150px;}
	#item2menu{left:216px;width:150px !important;border:1px solid #000;}
	#item2menu a{width:150px;}
	#item3menu{left:334px;width:150px !important;border:1px solid #000;}
	#item3menu a{width:150px;}
	#item4menu{left:451px;width:150px !important;border:1px solid #000;}
	#item4menu a{width:150px;}
	#item5menu{left:521px;width:150px !important;border:1px solid #000;}
	#item5menu a{width:150px;}
	#item6menu{left:606px;width:150px !important;border:1px solid #000;}
	#item6menu a{width:150px;}
	
	/*
	menu eski
	.show{display:block;position:absolute;top:1.5em;z-index:10;border-top:1px solid #FFF;background-color:#E50067;}
	*/
	.show{display:block;position:absolute;top:1.5em;z-index:10;border-top:1px solid #FFF;background-color:#093280;}
	
	/* hide from IE-mac \*/ .show{top:2.1em;} /* end hide from IE-mac */
	/*
	menu eski
	.show li{float:none !important;display:block !important;background-color:#E50067;padding:1px;}
	*/
	.show li{float:none !important;display:block !important;background-color:#093280;padding:1px;}
	
	.show li a{float:none !important;display:block !important;margin:0;border:0 !important;text-align:left !important;background:url(../images/drop-down-link-bg.gif) bottom left repeat-x;height:auto;}
	.show li a:Hover{background-color:#000;}


/* =SUB-NAVIGATION */
	#subnav .padding{background: #F0F0F0 url(/images/bg-subnav.gif) bottom right no-repeat;padding-bottom:47px;margin-top:10px;margin-bottom:20px;}
	#subnav ul{margin: 0;padding: 0 0 1px 0;list-style-type: none;line-height:normal;background: #F0F0F0 url(/images/bg-dotted.gif) bottom repeat-x;}
	#subnav li{margin:0;padding:0;display:inline;}
	#subnav a{ display: block; color: #232323; background: #F0F0F0 url(/images/bg-dotted.gif) top repeat-x; text-decoration: none; font-weight: bold; padding: 6px 4px 6px 10px; }
	#subnav a.selected {background:#FBD9E8 url(/images/bg-dotted2.gif) top repeat-x;color:#BD004B;}
	#subnav a:hover{color:#BD004B;}
	#subnav ul ul{background:#FBD9E8; padding:0; border-bottom:1px solid #E50067;height:1%;}
	#subnav ul ul ul{border:0;}
	#subnav ul ul li{}
	#subnav ul ul a{ background:#FBD9E8 url(/images/subnav-bg1.gif) top left no-repeat; color: #232323;padding-left:20px; }
	#subnav ul ul a.selected{background:#FBD9E8 url(/images/subnav-bg1-sel.gif) top left no-repeat;}
	#subnav ul ul a.showsub{background:#FBD9E8 url(/images/subnav-bg1-sel2.gif) top left no-repeat;}
	
	#subnav ul ul ul{padding-bottom:10px;}
	#subnav ul ul ul a{ background:transparent;background:url(/images/subnav-bg2.gif) top left no-repeat; color: #000;font-weight:normal;padding:2px 4px 2px 30px;}
	#subnav ul ul ul a.selected{background:transparent;background:url(/images/subnav-bg2.gif) top left no-repeat; }
	
	#subnav p{ font-size: 0.94em; color: #666; margin: 1em 0; }
	#subnav p a{ background: none; display: inline; padding: 0; margin: 0; font-weight: normal; text-decoration: underline; color: #666; }
	

/* =RHS-BOXES */
#additional .spacer{ height: 5px; }
.box{ margin-bottom: 5px;width:200px;padding-bottom:0.5em;}
.box h2,.box h3,.box h4,.box h5,.box h6, .contact-box h2 { font-size: 0.94em; padding: 4px 10px; border-bottom: 2px solid #fff; }
.box .hr{ background: url(../images/bg-dotted.gif) repeat-x; height: 1px; font-size: 0.01em; line-height: 0.01em; padding:0;margin:0;}
.box .hr hr{ display: none; }
.box .padding{ padding: 2px 10px;margin:0; }
.box .padding2{ padding: 0 10px;margin:0; }
.box .padding2 li{ margin: 0 0 5px 0; }
.box a, .box a:visited{ color: #000; }

.box li{ margin-bottom: 1em; }
.box li a{ text-decoration: none; }
.box li a:hover{ text-decoration: underline; }

.box fieldset{ padding:5px 10px 1em 10px; }
.box label{ font-weight:bold; font-size:0.94em; padding-top:4px; display:block;}
.box .wide{ width: 176px; border: 1px solid #999; }
	.box select.wide{ width: 178px;border: 0px solid #999; }
.box .pre-go { width: 148px; border: 1px solid #999; margin-right:5px; height:18px; float:left;}
	.box select.pre-go{ width: 150px;border: 0px solid #999; }
.box input, .box select, .box textarea{ margin-top: 5px;}

	/* LIGHT PURPLE */
	.colour1{ background: #F6F1F7 url(../images/corner-lightpurple.gif) no-repeat bottom left; }
	.colour1 h2, .colour1 h3, .colour1 h4, .colour1 h5, .colour1 h6{ background-color: #E8E0E9; }
	.colour1 ul{ list-style-image: url(../images/bullet-lightpurple.gif); padding: 0 0 0 20px; margin: 0; }
	/* LIGHT BLUE */
	.colour2{ background: #EAF6FB url(../images/corner-lightblue.gif) no-repeat bottom left; }
	.colour2 h2, .colour2 h3, .colour2 h4, .colour2 h5, .colour2 h6{ background-color: #D6EDF8; }
	.colour2 ul{ list-style-image: url(../images/bullet-lightblue.gif); padding: 0 0 0 20px; margin: 0; }
	/* PINK */
	.colour3{ background: #FBEEF4 url(../images/corner-pink.gif) no-repeat bottom left; }
	.colour3 h2, .colour3 h3, .colour3 h4, .colour3 h5, .colour3 h6{ background-color: #FBD9E8; }
	.colour3 ul{ list-style-image: url(../images/bullet-pink.gif); padding: 0 0 0 20px; margin: 0; }
	/* PURPLE */
	.colour4{ background: #EDEDF3 url(../images/corner-purple.gif) no-repeat bottom left; }
	.colour4 h2, .colour4 h3, .colour4 h4, .colour4 h5, .colour4 h6{ background-color: #D2D1E0; }
	.colour4 ul{ list-style-image: url(../images/bullet-purple.gif); padding: 0 0 0 20px; margin: 0; }
	/* BLUE */
	.colour5{ background: #E4F1F2 url(../images/corner-blue.gif) no-repeat bottom left; }
	.colour5 h2, .colour5 h3, .colour5 h4, .colour5 h5, .colour5 h6{ background-color: #BFDEE2; }
	.colour5 ul{ list-style-image: url(../images/bullet-blue.gif); padding: 0 0 0 20px; margin: 0; }
	/* RECIPE */
	.recipe{ background: #FBEEF4 url(../images/corner-pink-alt.gif) no-repeat bottom right; padding-bottom:0;}
	.recipe h2, .recipe h3, .recipe h4, .recipe h5, .recipe h6{ background-color: #FBD9E8; }
	.recipe .image{float:left;width:88px;}
	.recipe .text{float:left;width:100px;}
	.recipe .text a{display:block;background:url(../images/bullet-recipe.gif) top left no-repeat;padding:8px 0 5px 25px;text-decoration:none;color:#666;font-weight:bold;font-size:0.94em;}
	
.box-flat{ background: #F0F0F0 url(../images/corner-small.gif) no-repeat bottom right; margin-bottom: 5px;}
.box-flat a{ font-weight: bold; color: #666; text-decoration: none; font-size: 0.94em; }
.box-flat a:hover{ color: #000; }
/*.box-flat img{ float: left;display:block; margin-right: 10px;}
.box-flat p{ margin: 0 !important; padding: 7px 10px 0 10px;}*/
.box-flat img{float:left;width:88px;margin:0;}
.box-flat p{float:right;padding: 7px 0 0 0;width:100px;margin:0;}

#other-languages{margin:0 0 12px 0;}

.box-flat-home{ background: #F0F0F0 url(../images/corner-small.gif) no-repeat bottom right; margin-bottom: 5px;}
.box-flat-home a{ font-weight: bold; color: #666; text-decoration: none; font-size: 0.94em; }
.box-flat-home img{float:left;width:88px;}
.box-flat-home p{float:left;padding:0 0 5px 0px;width:80px;margin:0;padding:0 0 0 25px;}
.box-flat-home p.boxTitle{font-size:1.2em;padding:0;margin:5px 0 5px 0;}
.box-flat-home p.boxTitle a{display:block;float:left;color:#000;background:url(/images/bullet-image.gif) top left no-repeat;padding:0 0 0 25px;}


/* =BREADCRUMB  */	
#breadcrumb{ font-size:0.94em;color:#666;position:relative; }
	#breadcrumb ol{margin:0 10px;padding:0;}
	#breadcrumb li{display:inline;margin:0;padding:0;list-style-type:none;}
	#breadcrumb ol li a{ color: #666; display: block; float: left; width: auto; padding: 3px 12px 3px 0; margin: 0 7px 0 0; background: url(../images/arrow-breadcrumb.gif) right no-repeat;  }
	#breadcrumb ol li span{ display: block; float: left; width: auto; padding: 2px 0;  }
	#breadcrumb a:hover{ color: #000; }
	/* hide from IE-mac
	
	#breadcrumb .holder1{ position: absolute; bottom: 3px; left: 0; }
	#breadcrumb .holder2{ position: absolute; bottom: 3px; left: 151px; }
	  end hide from IE-mac */

	#breadcrumb .holder1 .padding{padding:3px 10px;}
	
 
/* =FOOTER */		
#footer{padding:0;clear:both;margin:0;border-top: 3px solid #E50067;padding-top:3px;}
	#footer .holder2 { width: 538px; font-size: 0.94em; color: #666; }
	#footer .holder2 ul{margin:0;padding:0;}
	#footer .holder2 li{list-style-type:none;display:inline;margin:0;padding:0;}
	#footer .holder2 ul li a{color:#666;display:block;float:left;width:auto;padding:3px 18px 3px 0;margin:0;text-decoration:none;font-weight:bold;}
	#footer .holder2 a:hover{ color: #000; }
	#footer p{ margin: 0; padding: 0; }

.holder1{ background: #F0F0F0; color: #666; font-weight: bold; font-size: 0.94em; text-align: right; }
.holder1 .padding{ padding: 5px 10px; }
.holder3 ul{ margin: 0; padding: 0; list-style: none; }
.holder3 li{list-style-type:none;}
.holder3 a{ font-weight: bold; font-size: 0.94em; color: #666; text-decoration: none; text-align: right; display: block; padding: 3px 30px 0 0; min-height: 22px;height:22px; }
/* hide from IE-mac \*/ .holder3 a{ height: auto; }/* end hide from IE-mac */
.holder3 a:hover{ color: #000; }

.icon-email a{ background: url(/images/icon-email.gif) top right no-repeat; }
.icon-print a{ background: url(/images/icon-print.gif) top right no-repeat; }
.icon-donate a{ background: url(/images/icon-donate.gif) top right no-repeat; }
.icon-accessibility a{ background: url(/images/icon-accessibility.gif) top right no-repeat; }

.icon-print a span{position:absolute;left:-500em;top:-500em;}


/* =CONTENT */
.content-img-left,.content-img,.content-img-right{ border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; margin: 5px 10px 5px 0; }
.content-img-right{ float: right; margin: 5px 0 5px 10px; }
.content-img{ float: none; margin: 5px 0; }

.carousel-nav{ background: #F0F0F0 url(../images/bg-carousel.gif) bottom right no-repeat; padding: 10px; margin:10px 0 1em 0;}
	.carousel-nav h2{ background: #E5E5E5 url(../images/bg-carousel-header.gif) top right no-repeat; border-bottom: 2px solid #fff; font-size: 0.94em; padding: 4px 10px; margin: -10px -10px 10px -10px; }
	.carousel-nav ol{ margin-left: 0px; padding-left: 15px; }
	.carousel-nav li{ list-style-type: square; }
	.carousel-nav li a{ text-decoration: none; }
	.carousel-nav li a:hover{ text-decoration: underline;color:#000 }

.anchor-list {list-style:none; margin:0;padding:0;font-size:0.94em;}
	.anchor-list li {margin:0;padding:0;}
	.anchor-list a {color:#666;}
	.anchor-list a:hover {color:#E50067;}

.anchor-holder{ border-bottom: 1px solid #000; padding-bottom: 4px; }
.anchor {padding:0 15px 0 0; margin: 25px 0 0 0; background:url(../images/anchor-top.gif) bottom right no-repeat; float:right;}
	.anchor a {text-align:right; color:#666; font-weight:bold; text-decoration:none; text-transform:lowercase; font-size:0.94em;}
	.anchor a:hover {color: #E50067;}

.nextprev{ font-size: 0.94em; margin: 0 0 1em 0; padding: 0; list-style-type: none; }
.nextprev .prev{ float: left; width: 45%; background: transparent url(../images/chevron-black2-small.gif) no-repeat left 0.6em; padding-left: 4%; }
.nextprev .next{ float: right; width: 45%; text-align: right; background: transparent url(../images/chevron-black-small.gif) no-repeat right 0.6em; padding-right: 4%; }

.pagination{ background: #F0F0F0; margin: 0 0 1em 0; padding: 1px 4px 3px 4px; font-size: 0.94em;color:#666;}
	.pagination ul{ display: inline; float: left; list-style-type: none; text-align: center; text-align: left; margin: 0; padding: 0; width: 33%; width: 100%; }
	.pagination ul li{ /*display: inline;*/ float: left; padding: 0 3px; margin: 0; }
	.pagination ul li a{padding:0;margin:0;color:#666;}
	.pagination ul li a:hover{padding:0;margin:0;color:#000;}
	.pagination .prev{  background: transparent url(../images/chevron-black2-small.gif) no-repeat left 0.45em; padding-left: 12px; }
	.pagination .next{  background: transparent url(../images/chevron-black-small.gif) no-repeat right 0.45em; padding-right: 12px; }
	.pagination input,.pagination select,.pagination label{ float: left; }
	.pagination label{ padding: 3px 10px 0 0; }
	
	
.contentbox{ width: 189px; float: left;margin-bottom:9px;}
.contentbox img{ float: left; margin-right: 10px !important;}
.contentbox h2{ padding: 0px 5px 0 0; margin-top:0;font-size:1em;}
.contentbox h3{ padding: 0px 5px 0 0; margin-top:0;}
.contentbox p{ line-height: 1.2em !important; margin-top: 10px; }
.contentbox a{ text-decoration: none; }
.contentbox a:hover{ text-decoration: underline !important; color: #000; }
.box-alt1,.box-alt2{ background: #F0F0F0 url(../images/corner-box-alt1.gif) no-repeat bottom left; }
.box-alt2{ background: #F0F0F0 url(../images/corner-box-alt2.gif) no-repeat bottom right; }
.box-alt1 p,.box-alt2 p{ font-size: 0.94em; margin: 10px 5px 10px 10px; }

p.macro {font-size:1.18em;}
p.micro	{font-size:0.94em;}


/* =FORMS */
#template-form #content{width:607px;}
#template-form #additional, #template-form #additional2{display:none;}
#template-elert #content{width:600px;}
#template-elert #additional, #template-elert #additional2{display:none;}

#MainFramework_ElertReg_ctlElertReg_divThanks .col1{width:25%;margin:0 0 10px 0;}
#MainFramework_ElertReg_ctlElertReg_divThanks .col2{width:65%;float:left;margin:0 0 10px 0;}

#template-form #intro{margin:0 0 10px 0;}

#template-elert fieldset{margin:0 0 20px 0;}
#template-elert .label{width:40%;}
#template-elert .element{width:60%}
#template-elert .element-short{width:20%;float:left;}
#template-elert .lookup{float:left;width:30%;margin:0 0 0 10px;}
#template-elert select{width:auto;}
#template-elert input.text{margin:0 0 5px 0;}
#template-elert input.short{width:30%;margin:0 0 5px 0;}
#template-elert .element-short input.short{width:100%;margin:0 0 5px 0;}
#template-elert .address-list{background:#F0F0F0;padding:5px;}


p.formmessage{text-align:right;margin:0 0 5px 0;color:#666;font-weight:bold;}
.error li{color:#E50067;font-weight:bold;}

textarea{width:95%;}

#template-form .text{float:left;width:280px;}
#template-form .text p{font-size:1.2em;line-height:1.3em;}
#template-form .image{float:right;width:292px;}

fieldset h2{background-color:#F0F0F0;font-size:1em;padding:3px 15px !important;margin:0 0 10px 0;border:0px !important;}
fieldset p{padding:0 15px;}

.form{padding:0 15px;}
.form table{margin:0;padding:0;width:100%;}
.form table td{border:0;vertical-align:top;padding:0 0 10px;}
.form table td label{text-align: right;display:block;float:left; width:20%;padding:3px 10px 0 0;}


.form table label{display:inline !important;float:none !important;text-align:left !important;}
.form table input, .form table textarea, .form table select{clear:both !important;float:none !important;display:block;margin:1px 0 10px 0 !important;width:60%;}
.form table input.radio{display:inline;margin:0 5px 0 0 !important;width:auto !important;}
.form table input.check{display:inline;margin:0 5px 0 0 !important;width:auto !important;}


.help-button{margin:0 0 5px 0;float:right;width:auto;}
.help-button a{display:block;background:url(../images/help-icon.gif) top right no-repeat;color:#666;text-decoration:none;padding:3px 25px 5px 10px;font-weight:bold;text-align:right;float:right;width:auto;}
.help-button a.selected{}
.help-button a span{position:absolute;left:-500px;top:-500px;}

input.submit{display:block;float:right;width:115px !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 5px;text-align:center;cursor:hand;}
input.previous{display:block;float:left;width:115px !important;background:#E50067 url(../images/previous-corner.gif) bottom left no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 20px;text-align:center;cursor:hand;}
input.reset{display:block;float:left;width:115px !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 20px;text-align:center;cursor:hand;}
input.next{display:block;float:right;width:115px;background:#E50067 url(../images/next-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 20px;text-align:center;cursor:hand;}
input.get_rate{float:right;width:115px;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 5px;text-align:center;cursor:hand;}
input.long{width:200px;}
input.submit-fluid{display:block;float:left;width:auto !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 20px;text-align:center;cursor:hand;}

.field input.submit{float:left;}


.lookup input.submit{display:block;float:left;width:80px !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 5px;text-align:center;cursor:hand;}
input.pick{display:block;width:115px !important;background:#E50067 url(../images/submit-corner.gif) bottom right no-repeat;border:0;color:#FFF;text-transform:uppercase;font-weight:bold;padding:2px 5px;margin:10px 0 0 20px;text-align:center;cursor:hand;}

/* =NEWS */
.intro1{ background: #D2D1E0 url(/images/news-intro-corner.gif) bottom left no-repeat;margin:5px 0 9px 0; /*position: relative;*/ }
.intro1 img{ float: right; margin:0 0 0 10px;}
.intro1 h2{padding:0 0 0 5px;margin:0;}
.intro1 p{ font-size: 1.2em; line-height: 1.2em !important; margin: 0;padding:0 0 20px 5px;}
.intro1 a{text-decoration:none;}
.intro1 a:hover{color:#000;text-decoration:underline;}

/* =HOME */
.highlight{color:#3399FF;}
#template-home .highlight{color:#3399FF;}


#template-home #content{width:558px;}
#template-home #content .padding{padding-top:1px;padding-left:0;}
#template-home #intro{}
#template-home #intro .image{float:left;width:auto;}
#template-home #intro .text{float:right;width:175px;}

#template-home .introcolor1{background:#1D1B64 url(../images/home-intro-corner-1.gif) bottom right no-repeat;}
#template-home .introcolor2{background:#68316B url(../images/home-intro-corner-2.gif) bottom right no-repeat;}
#template-home .introcolor3{background:#007C8A url(../images/home-intro-corner-3.gif) bottom right no-repeat;}
#template-home .introcolor4{background:#E50067 url(../images/home-intro-corner-4.gif) bottom right no-repeat;}
#template-home .introcolor5{background:#505050 url(../images/home-intro-corner-5.gif) bottom right no-repeat;}

#template-home #intro .text h2{padding:15px 30px 0 0;}
#template-home #intro .text p{padding:5px 10px 0 0;}
#template-home #intro .text h2 a{color:#FFF;text-decoration:none;}
#template-home #intro .text p a{color:#FFF;text-decoration:none;}

p.message{color:#000000; font-size:1.1em;line-height:1.3em !important;padding:8px 0 0 0;font-weight:bold;}

#latest-news{float:left;width:336px !important;background:#EDEDF3 url(../images/latest-news-corner.gif) bottom right no-repeat;}
#highlights{float:right;width:200px;}

#latest-news h2{font-size:1.1em;border-bottom:1px solid #FFF;background:#D2D1E0 url(../images/latest-news-header-corner.gif) top right no-repeat;padding:2px 10px 2px 10px;}
#highlights h2{font-size:1.1em;border-bottom:1px solid #FFF;background:#FBD9E8 url(../images/highlights-header-corner.gif) top right no-repeat;padding:2px 10px 2px 10px;}

#latest-news #top-item img{float:left;width:80px;margin:0 0 5px 0;}
#latest-news #top-item .text{float:left;width:250px;margin:0;padding:12px 0 0 0;}
#latest-news #top-item .text p, #latest-news #top-item .text a{display:block;padding:2px 0 5px 25px;}
#latest-news #top-item .text p{padding-bottom:0;margin-bottom:0;}
#latest-news #top-item .text a{background:url(/images/bullet-image.gif) top left no-repeat;}

#latest-news ul{list-style-type:none;padding:0;margin:0 0 0 10px;}
#latest-news ul li{padding:5px 0 5px 30px;background:url(../images/latest-news-bullet.gif) top left no-repeat;}
#latest-news a{font-weight:bold;text-decoration:none;}
#latest-news ul li p{margin:0;padding:0;}
#latest-news .link{text-align:right;padding:0 20px 10px 0;}

#highlights ul{list-style-type:none;padding:0 0 5px 0;margin:0;}
#highlights ul li{padding:5px 0 5px 30px;margin:0;background:url(/images/highlights-bullet.gif) top left no-repeat;}
#highlights a{font-weight:bold;text-decoration:none;}
#highlights ul li p{margin:0;padding:0;}


#highlights .extra{list-style-type:none;padding:5px 0 0 0;margin:0 0 0 0;}
#highlights .extra li{background:transparent;padding:5px 0 5px 0;clear:both;margin:0 !important;}
#highlights .extra img{width:22;float:left;margin:0 5px 0 0;}
#highlights .extra p{float:left;width:170px;margin:0 !important;padding:0 !important;}
#highlights .extra a{display:block;}


/* =LANDING PAGE */
.content-bullet{ background: url(../images/bullet-landing.gif) no-repeat 0px 8px; float: left; width: 96px; margin-left: -10px; padding: 9px 10px 0 25px; }
	.content-bullet h3{ margin: 0; padding: 0; }
	.content-bullet p{ margin: 0; padding: 0; font-size: 0.94em; }
.box-alt3, .box-alt4{ background: #F0F0F0 url(../images/corner-box-alt2.gif) no-repeat bottom right; width: 100%;display:block;float:none; }

	.box-alt3 .content-bullet, .box-alt4 .content-bullet{ width: 260px; }
	/* hide from IE-mac \*/ .box-alt3 .content-bullet, .box-alt4 .content-bullet{width:263px;} /* end hide from IE-mac */
#landing{ float: right; width: 606px; margin: 1px 0 0 0; color: #fff; font-size: 1.2em; }

.landing5{background:#1D1B64 url(../images/landing-intro-corner-1.gif) bottom left no-repeat;}
.landing4{background:#68316B url(../images/landing-intro-corner-2.gif) bottom left no-repeat;}
.landing2{background:#007C8A url(../images/landing-intro-corner-3.gif) bottom left no-repeat;}
.landing3{background:#E50067 url(../images/landing-intro-corner-4.gif) bottom left no-repeat;}
.landing1{background:#505050 url(../images/landing-intro-corner-5.gif) bottom left no-repeat;}


	
	#landing h1{ margin: 0 0 10px 0; padding: 0; font-size: 1.3em; }
	#landing img{ float: right; display: block; }
	.landing-box{ float: left; width: 220px; padding: 15px 20px; }
	.landing-box a{color:#FFF;text-decoration:none;}


/* =EVENTS LANDING PAGE */
#template-events #content h2 {padding: 20px 0 4px 0; margin:0 0 8px 0; border-bottom: 1px solid #000; }
#template-events #content h3 {font-size:1.1em; padding-top:8px;}
	#template-events #content h3 a {text-decoration:none; background: url(../images/event-bullet.gif) left top no-repeat; display:block;  padding: 4px 0 4px 25px;}
#template-events .image {float:left; width:80px;}
#template-events .text {float:left; width:307px;}
#template-events .text h3{margin:0;}
#template-events .text p, #template-events .text address {padding-left: 25px;margin:0;}
#template-events .text address {margin-bottom: 10px;}

#template-events #content p, #template-events #content dl {clear:both;}
#template-events .event {background:url(../images/bg-dotted.gif) bottom left repeat-x; padding-bottom: 20px;}

#template-events .event-detail {}
#template-events .event-detail .image{float:left;width:160px;margin:0 0 15px 0;}
#template-events .event-detail .text{float:right;width:220px;margin:0 0 15px 0;}
#template-events .event-detail p.micro, #template-events .event-detail address{padding:0;}


/* =FAQ */
#template-faq #content h2 {padding: 20px 0 4px 0; margin:0 0 8px 0; border-bottom: 1px solid #000; }

.faq-list {list-style:none; margin:0;padding:0;font-size:0.94em;}
	.faq-list li {margin:0;padding:0;}
	.faq-list a {color:#666;}
	.faq-list a:hover {color:#E50067;}


/* =SHARED PRACTICE */
.intro2{ background-color: #FBEEF4;  margin-bottom:1em;}
.intro2 img{ float: right; }
.intro2 p{ font-size: 1.2em; line-height: 1.2em !important; margin: 0; }

.padding-top{ float: right; width: 596px; margin: 10px 0 -5px 10px;  }
	.padding-top h1{ margin: 0 0 10px 0; padding: 0; }
	.padding-top .pagination{ margin: 0; }
	.padding-top #intro{ width: 387px; }

	.btn-go{ float: right; }
.headline-box2	{
	margin-bottom:10px;
}
	
.headline-box2 h1, small{
	padding: 0;
	margin: 0;
}
.headline-box2 small{
	float:right;
	font-weight:bold;
}

.new-button{background:#E50067 url(/images/new-button-bg.gif) bottom left no-repeat;float:left;width:39px;margin:15px 10px 0 0;color:#FFF;font-weight:bold;text-decoration:none;text-align:center;}
.new-button span{display:block;background:url(../images/new-button-top.gif) top left no-repeat;padding:2px 0 2px 0;}

fieldset.questions{margin:0 0 20px 0;}
fieldset.questions .field{padding-bottom:15px;}
fieldset.questions .label, fieldset.questions .element{float:none;width:100%;text-align:left;padding:0 0 2px 0;}
fieldset.questions label{text-align:left !important;}


/* =SITEMAP */
#template-sitemap #content {width:607px;}
#template-sitemap #content h2 {padding: 20px 0 4px 0; margin:0 0 8px 0; border-bottom: 1px solid #000; }
#template-sitemap #additional, #template-sitemap #additional2{display:none;}

#template-sitemap #content h2 a:hover{text-decoration:none;}

#template-sitemap .anchor-list li, #template-faq .anchor-list li {display:inline;line-height:1.2em;}
#template-sitemap .anchor-list a, #template-faq .anchor-list a, #template-sitemap .anchor-list span, #template-faq .anchor-list span
 {display:block; float:left; padding: 0 8px; background:url(../images/divider.gif) center left no-repeat;}
#template-sitemap .anchor-list .first a, #template-faq .anchor-list .first a,#template-sitemap .anchor-list .first span, #template-faq .anchor-list .first span
 {padding-left:0; background:none;}

#template-sitemap ul.sitemap {padding-left:20px;}
#template-sitemap ul.sitemap a {font-weight:bold; font-size: 1.1em; text-decoration:none;}

#template-sitemap ul.sitemap ul {list-style:none; padding-left:15px; margin:0;}
	#template-sitemap ul.sitemap ul li {margin:0;}

#template-sitemap ul.sitemap ul a {font-weight:normal; font-size: 1em; text-decoration:underline;}
#template-sitemap ul.sitemap ul a:hover {text-decoration:underline;}


/* =ADVANCED SEARCH */
#template-search #content{width:558px;}
#template-search #content .padding{padding-left:0;}
#template-search fieldset h2{background-color:#F0F0F0;font-size:1.1em;padding:3px 15px;}

#select-search{padding:10px 0 10px 15px;}
#select-search ul{list-style-type:none;width:33%;float:left;padding:0;margin:0;}
#select-search ul li{margin:0;padding:0 0 10px 0;}

#find-results{padding:20px 0 20px 0;}
#narrow-search{padding:20px 0 20px 0;}

.col1{float:left;width:47%;}
.col2{float:right;width:47%;}

.field{padding:5px 0 5px 15px;border:0;float:none;width:auto;}
.field .label{float:left;width:35%;padding:3px 0 0 0;}
.field .btn{float:left;width:35%;padding:0;}
.field .label label{text-align:right;display:block;padding:0 10px 0 0;}
.field label img{display:inline;text-align:left;margin:-3px 5px;}
.field .element{float:left;width:65%;}
.field .element .text, .field .element select{width:95%;}

#date-to{
	padding-bottom:20px;
}
.field .short label{ margin-left: 2%; }
.field .short select { width: 20%; }

.submit{text-align:right;padding-right:8px;}
td input.submit{ margin-right: 4px; }
	

/* =SEARCH RESULTS */
#template-search-results #content {width:758px;}
#template-search-results #content .padding {padding: 10px 0 10px 0;}

#template-search-results #results {width:548px; float:left;}
	#template-search-results #additional {width:200px; float:right;}
	#template-search-results #additional p {line-height:1em;}
	#template-search-results #additional .padding{padding:0; margin:0;}

#results ol {font-weight:bold; padding-left:30px;margin:0 0 10px 0;}
#results ol h2 {font-size:1.1em;}
#results ol p {padding:0;margin:0;font-weight:normal;}

#results li {padding:10px 0 10px 0; background:url(../images/bg-dotted.gif) bottom left repeat-x;}

#results a {text-decoration:none;}





/* =NEWS PAGE  */
.headline-box h1{ width: 280px; float: left; }
.headline-box small{ width: 105px; float: right; text-align: right; font-weight: bold; padding-top: 1em; }


/* =YOUR AREA */
#template-yourarea #content input, #template-yourarea #content select, #template-yourarea #content label{ float: left; margin-right: 10px; display: block; }


/* =RECIPES */
#template-recipe-listing .contentbox{ margin-bottom: 1em;}
#template-recipe-listing .contentbox .padding{padding:10px;}
#template-recipe-listing .contentbox .content-bullet .padding{padding:0 0 3px 0;}
#template-recipe-listing .contentbox .content-bullet{width:250px;}
#template-recipe-listing .contentbox p{ font-size: 1em !important; margin: 0 0 1em 0 !important; }
#template-recipe-listing small { display: block; text-align: right; }
#template-recipe-listing small a{ color: #666; font-weight: bold; text-decoration: none; margin: 0 30px 0 0; display: block; }
#template-recipe-listing small a:hover{ color: #000; text-decoration: underline; }


.recipe-headline { width: 385px; }
.recipe-search{ width: 200px; }
.recipe-search .wide{ width: 100px; float: right; margin: 0 0 0 10px; }
.recipe-search .btn-search{ float: right; }
.recipe-search label{ float: left; margin: 3px 0 0 10px; font-weight: bold; color: #666; }
.recipe-search .grey{ background: #F0F0F0; display: block; float: left; width: 170px; }
.no-bullet{ padding: 0 !important; margin: 0 !important; list-style: none !important;list-style-image:none !important; }
.no-bullet li{ list-style: none !important; list-style-image: none !important; }
.no-bullet img{ margin-right: 5px; float: left; }

#template-recipe-finder .label{width:25%;}
#template-recipe-finder .element{width:75%;}
#template-recipe-finder input.submit{float:left;}
#template-recipe-finder #intro p{font-size:1em;}

.icon-feedback a{ background: url(../images/icon-at.gif) top right no-repeat; }

#template-recipe #intro{background:#FBEEF4 url(../images/recipe-intro-bg.gif) bottom left no-repeat;margin:1px 10px 0 1px;}
#template-recipe #intro .text{float:left;width:270px;}
#template-recipe #intro .image{float:right;width:114px;}

#template-recipe #intro p{margin:0 0 0 20px;}
#template-recipe #intro h1{margin:10px 0 0 20px;}
#template-recipe #intro p.serving{font-size:1em;}

#template-recipe #intro p.rating img{margin-right:5px;}

#ingredients{margin:0 0 20px 0;}
#ingredients h2{font-size:1.2em;background:#D6EDF8 url(../images/ingredients-corner.gif) top right no-repeat;padding:2px 10px 2px 10px;margin:0 0 10px 0;}
#ingredients ul{list-style-type:none;margin:0;padding:0;}
#ingredients li{background:url(../images/bg-dotted.gif) bottom left repeat-x;padding:2px 0 5px 0;}

#instructions h2{font-size:1.2em;background:#FBD9E8 url(../images/instructions-corner.gif) top right no-repeat;padding:2px 10px 2px 10px;margin:0 0 10px 0;}

#next-recipes h2{font-size:1.2em;background:#5F5F5F url(../images/next-recipes-corner.gif) top right no-repeat;color:#FFF;padding:2px 10px 2px 10px;margin:0 0 1px 0;}
#next-recipes .item{float:left;width:125px;margin:0 6px 0 0;background:#F0F0F0 url(../images/recipe-next-corner.gif) bottom right no-repeat;padding:0 0 22px 0;}
#next-recipes .item-last{float:left;width:125px;margin:0;background:#F0F0F0 url(../images/recipe-next-corner.gif) bottom right no-repeat;padding:0 0 20px 0;}
#next-recipes a{display:block;background:url(../images/bullet-next-recipe.gif) top left no-repeat;padding:7px 10px 0 22px;color:#000;margin:0;text-decoration:none;font-weight:bold;}
#next-recipes .item-last a{}
#next-recipes a.image{background:transparent;padding:0;}

.button{margin:10px 0 10px 0;}
.button a{display:block;background:url(../images/bullet-image.gif) top left no-repeat;padding:2px 0 0 25px;text-decoration:none;font-weight:bold;}


.rate form{padding:0;margin:10px;}
.rate fieldset{padding:0;margin:0;}
.rate ul{list-style-type:none;list-style-image:none;margin:0;padding:0;}
.rate li{margin:0;padding:0;}
.rate li label{display:inline;}
.rate .submit{float:left;margin:15px 0 0 6px;width:75px;}


.colour1 .diets{list-style-type:none;list-style-image:none;margin:0 0 15px 0;padding:0;}
.colour1 .diets li{padding:2px 0 5px 0;margin:0;}
.colour1 .diets li img{margin:-3px 0;}

.icon-browse a{ background: url(../images/icon-bullet.gif) top right no-repeat; }
.icon-feedback a{ background: url(../images/icon-at.gif) top right no-repeat; }


/* =JOBS */
#template-jobs #jobs{background:url(../images/bg-dotted.gif) top left repeat-x;}
#template-jobs .item{background:url(../images/bg-dotted.gif) bottom left repeat-x;padding:10px 0 1px 0;}
#template-jobs .item a{display:block;padding: 0 0 0 25px;background:url(../images/bullet-image.gif) top left no-repeat;}

/* =APCCAT */
#template-apccat #apccat{background:url(../images/bg-dotted.gif) top left repeat-x;}
#template-apccat .item{background:url(../images/bg-dotted.gif) bottom left repeat-x;padding:10px 0 1px 0;}
#template-apccat .item a{display:block;padding: 0 0 0 25px;background:url(../images/bullet-image.gif) top left no-repeat;}


/* =EMAIL A FRIEND */
#template-popup .field{padding-left:0;}
#template-popup .field .label{float:none;width:100%;}
#template-popup .field .label label{text-align:left;}
#template-popup .field .element{float:none;width:100%;}
#template-popup .field textarea{width:98%;}
#template-popup .field input.text{width:98%;}

#template-popup ul{float:right;width:auto;}
#template-popup ul, #template-popup li{list-style-type:none;margin:0;padding:0;}
#template-popup .icon-close a{ background: url(../images/icon-close.gif) top right no-repeat;color:#666666;font-weight:bold;text-decoration:none;padding:3px 30px 5px 0;}


/* DONATIONS */
#gift-aid h2 {background:#F0F0F0 url(../images/bg-dotted.gif) bottom left repeat-x; margin:0;}

#gift-aid {background:#F0F0F0;}
#gift-aid img {margin:10px 20px;}
#gift-aid .col-img {float:left; width:160px; padding:10px 0;}
#gift-aid .col-txt {float:right; width:400px; padding:10px 0 20px 0;}

.contact-box {margin:10px;}


/*------------------------------------------------------------------------------------------------------------------*/
/* =CAMPAIGN */
/*------------------------------------------------------------------------------------------------------------------*/
#template-campaign #content{width:758px;}
	#template-campaign #content .padding {padding:10px 0;}

#template-campaign p.message {font-size:1.6em !important;}
#template-campaign #intro .text{float:left;width:450px;}
#template-campaign #intro .text p{font-size:1.2em;line-height:1.3em;}
#template-campaign #intro .image{float:right;width:292px;}

#template-campaign form.risk-test .small input.text {width:25px;}
#template-campaign form.risk-test ul {margin:0; padding:0 20px;}
#template-campaign form.risk-test .submit {float:none;margin-left:37%;}

#template-campaign fieldset {margin:0 0 2em 0;}


/* =HIDING */
.hide {position: absolute; left: -500px; height: 1px; overflow: hidden; width: 50%;}


/* =CLEARING */
.spacer{ position: relative; margin: 0; padding: 0; clear: both; width: auto; font-size: 1px; line-height: 1px; height: 1px; }
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}


/* HIDING TEXT - ADDED BY TH 17-07-07*/
span.hidden{position:absolute;left:-500em;top:-500em;}

/* NEW FORM STYLES - ADDED BY TH - 17-12-07*/
.registration{width:758px !important;}
.right{float:right !important;}
.right .submit{float:right !important;}
.registration div.field{padding-bottom:0;width:85%;}
.registration div.field-alt{padding-bottom:0;width:100%;}
.registration div.label{width:30% !important;}
.registration div.element{width:50% !important;}
.registration input.text, .registration input.short{margin:0 !important;}
.registration div.field .wide{width:100% !important;}
.registration div.field .radio{float:left;width:20px;margin:1px 0 5px 0;}
.registration div.field label.radio{display:block;float:left;width:280px;margin:0;}
.registration div.field .wide label.radio{width:600px;}
.registration input.pick{margin:10px 5px;}

.registration fieldset p.text{padding-left:5px;}

.registration #delivery .element{padding:3px 0 0 0;}
.registration #delivery .element .clear{margin:0 0 5px 0;}

.registration #field-postcode .element-short{width:125px;margin:0 10px 0 0;}
.registration #field-postcode .lookup{width:116px;float:left;padding:0 11px 0 0;margin:0;}
.registration #field-postcode .submit{margin:0;float:none;}


/* =FILTERS */
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */


