@import url("reset.css");

/**** LAYOUT STYLES ****/
body {
	color: #333333;
	font: 62.5%/1.5em Arial,Helvetica,sans-serif;
}

#container {
	width: 1020px;
	margin: auto;
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
}
#container2 {
	width: 860px;
	margin: auto;
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
}
#container3 {
	width: 950px;
	margin: auto;
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
}

#container-keenascup {
	width: 1022px;
	margin: auto;
	font-size: 1.2em;
	position: relative;
	overflow: hidden;
}


/**** GLOBAL STYLES ****/
.left {	float: left; }
.right { float: right; }
.clearBoth { clear: both; }
.hidden { display: none; }
.padTop10 {	padding-top: 10px; }
.padTop20 {	padding-top: 20px; }
.padTop30 {	padding-top: 30px; }
.padTop60 {	padding-top: 60px; }
.padBot20 {	padding-bottom: 20px; }
.padBot40 {	padding-bottom: 40px; }
.padBot50 {	padding-bottom: 50px; }
.padBot80 { padding-bottom: 80px; }
.padBot140 { padding-bottom: 140px; }
.padLeft20 { padding-left: 20px; }
.padLeft60 { padding-left: 60px; }
.error { color: #F00; }

a { color: #ce2725; }
h1, h2 { display: none; }
h3 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 0 0;
}
p { margin: 10px 0; }
p a {color: #FFF; text-decoration: none; }
strong { font-weight: bold; }
.strong { font-weight: bold; }


/**** MAIN NAVIGATION STYLES ****/
#navBar, #navBar_admin {
	background: url(../images/nav/bg_navbar.gif) repeat-x;
	height: 54px;
	overflow: hidden;
}
#containerNav, #containerFooter {
  width: 960px;
  margin: 0 auto;
}
#navBar ul li, #navBar_admin ul li { float: left; }

.homeNav {
	background: url(../images/nav/btn_navbar_2.gif) -5px 0 no-repeat;
	width: 61px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.homeNav:hover, 
.currentHome {
	background:  #FFF url(../images/nav/btn_navbar_2.gif) -5px  -53px no-repeat;
	
}
.cupNav {
	background: url(../images/nav/btn_navbar_2.gif) -63px 0 no-repeat;
	width: 91px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.cupNav:hover, 
.currentCup {
	background:  #FFF url(../images/nav/btn_navbar_2.gif) -63px  -53px no-repeat;
	
}
.aboutNav {
	background: url(../images/nav/btn_navbar_2.gif) -153px 0 no-repeat;
	width: 151px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.aboutNav:hover, 
.currentAbout {
	background:  #FFF url(../images/nav/btn_navbar_2.gif) -153px  -53px no-repeat;
	
}
.recipesNav {
	background: url(../images/nav/btn_navbar_2.gif) -303px 0 no-repeat;
	width: 136px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.recipesNav:hover, 
.currentRecipes {
	background:  #FFF url(../images/nav/btn_navbar_2.gif) -303px  -53px no-repeat;
	
}
.contactNav {
	background: url(../images/nav/btn_navbar_2.gif) -450px 0 no-repeat;
	width: 84px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.connectNav {
	background: url(../images/nav/btn_navbar_2.gif) -520px 0 no-repeat;
	width: 86px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.subscribeNav {
	background: url(../images/nav/btn_navbar_2.gif) -450px -53px no-repeat;
	width: 80px;
	height: 54px;
	display: block;
	text-indent: -2000px;
}
.navBorderBoth {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


/**** ABOUT PAGE SUB NAVIGATION STYLES ****/
#aboutBar {
	padding: 20px 0 40px 0px;
	overflow: hidden;
}
#aboutBar ul li {
	padding-right: 10px;
	float: left;
	text-indent: -2000px;
}
.sub_aboutNav {
	background: url(../images/about/about_nav.gif) no-repeat;
	width: 124px;
	height: 11px;
	display: block;
}
.sub_aboutNav:hover,
.currentSubAbout {
	background: url(../images/about/about_nav.gif) 0px -15px no-repeat;
}
.sub_mustardHistoryNav {
	background: url(../images/about/about_nav.gif) -130px  0 no-repeat;
	width: 112px;
	height: 11px;
	display: block;
}
.sub_mustardHistoryNav:hover,
.currentSubMustardHistory {
	background: url(../images/about/about_nav.gif) -130px -15px no-repeat;
}
.sub_keenHistoryNav {
	background: url(../images/about/about_nav.gif) -268px  0 no-repeat;
	width: 81px;
	height: 11px;
	display: block;
}
.sub_keenHistoryNav:hover,
.currentSubKeenHistory {
	background: url(../images/about/about_nav.gif) -268px -15px no-repeat;
}
.sub_galleryNav {
	background: url(../images/about/about_nav.gif) -376px  0 no-repeat;
	width: 95px;
	height: 11px;
	display: block;
}
.sub_galleryNav:hover, .currentSubGallery { /*background: url(../images/about/about_nav.gif) -376px -15px no-repeat;*/ }


/**** KEEN CUP PAGE SUB NAVIGATION STYLES ****/
.sub_aboutCupNav {
	background: url(../images/kac/kac_nav_2.gif) no-repeat;
	width: 151px;
	height: 11px;
	display: block;
}
.sub_aboutCupNav:hover,
.currentSubAboutCup {
	background: url(../images/kac/kac_nav_2.gif) no-repeat;
}
.sub_galleryCupNav {
	background: url(../images/kac/kac_nav.gif) -176px 0 no-repeat;
	width: 45px;
	height: 11px;
	display: block;
}
.sub_galleryCupNav:hover,
.currentSubGalleryCup {
	background: url(../images/kac/kac_nav.gif) -176px  -15px no-repeat;
}
.sub_prizesCupNav {
	background: url(../images/kac/kac_nav.gif) -247px 0 no-repeat;
	width: 45px;
	height: 11px;
	display: block;
}
.sub_prizesCupNav:hover,
.currentSubPrizesCup {
	background: url(../images/kac/kac_nav.gif) -247px  -15px no-repeat;
}


/**** RECIPE PAGE SUB NAVIGATION STYLES ****/
.sub_recipeNav {
	background: url(../images/recipes/btn_gallery_breadcrumbs.gif) no-repeat;
	width: 44px;
	height:11px;
	display: block;
}
.sub_cookbookNav {
	background: url(../images/recipes/btn_gallery_breadcrumbs.gif) -69px 0 no-repeat;
	width: 60px;
	height:11px;
	display: block;
}


/**** CONTACT PAGE SUB NAVIGATION STYLES ****/
#sub_contactNav {
	background: url(../images/contact/contact_nav.gif) no-repeat;
	width: 124px;
	height: 11px;
	display: block;
}
#sub_contactNav:hover {
	background: url(../images/contact/contact_nav.gif) no-repeat;
}
/**** SUBSCRIBE PAGE SUB NAVIGATION STYLES ****/
#sub_subscribeNav {
	background: url(../images/contact/subscribe_nav.gif) no-repeat;
	width: 124px;
	height: 11px;
	display: block;
}
#sub_subscribeNav:hover {
	background: url(../images/contact/subscribe_nav.gif) no-repeat;
}


/***** FOOTER STYLES *****/
.lights {
	background: url(../images/home/bg_footer.gif) repeat-x;
	padding-top: 86px;
	width: 100%;
	color: #7b726d;
}
	.lights ul li {
		float: left;
		padding-right: 15px;
	}
	.lights a {
		color: #7b726d;
		/*text-decoration: none;*/
	}
	


/**** HOMEPAGE PAGE STYLES ****/
.home_copy {
	width: 100%;
	margin-bottom: 100px;
}
.home_copy_wrapper {
	margin-top: 2px;
	width: 100%;
	background: url(../images/home/bg_yellow.gif) repeat-x;
}
.homeTin {
	padding: 128px 0 0 190px;	
}
.home_content {
	background: url(../images/home/txt_love_summer.gif) no-repeat;
	width: 449px;
	margin-top: 107px;
	padding: 135px 0 0 30px;
}
.home_content p {
	width: 340px;
	padding: 10px 0px 15px 0px;
	margin: 0px;
}
#home_list {
	float: left;
	width: 100%;
	background: url(../images/home/bg_links_bar.jpg) repeat-x;
	padding-bottom: 57px;
}
#home_list a {
	color: #000;
	text-decoration: none;
}
#home_lower_list {
	float: left;
}
#home_lower_list li {
	display: block;
	width: 100%;
}
	
	.homelink1 {
		padding-left: 80px;
		width: 225px;
	}
		.homeimg1 {
			padding-bottom: 6px;
		}
	.homelink2 {
		padding: 19px 0 0 105px;
		width: 225px;
	}
		.homeimg2 {
			padding-bottom: 5px;
		}
	.homelink3 {
		padding: 20px 0 0 150px;
		width: 225px;
	}

/*ul#featured { color: #818181; padding: 120px 0 100px 60px; }*/
ul#featured { color: #818181; padding: 88px 0 100px 60px; }
ul#featured li { float: left; width: 290px; padding: 0 30px 0 0; }
ul#featured li div { width: 240px; height: 110px; position: relative; }
ul#featured li div img { position: absolute; bottom: 0; left: 0; }
ul#featured li h3 { color: #7b726d; }


	
/**** ABOUT US PAGE STYLES *****/
#primary, #primary2 {
  width: 437px;
  padding: 10px 30px 10px 0;
}
#primary span, #primary2 span { color: #dd3634; }
#secondary, #secondary2 {
  width: 437px;
  height: auto;
  padding: 10px 0px 10px 20px;
  border-left: 1px solid #e0dfdf;
}
#primary, #secondary, #primary2, #secondary2 { color: #333; }
#primary p, #primary2 p {
  padding: 10px 0;
}

#primary2 {
  border-right: 1px solid #e0dfdf;
}
#secondary2 {
  border: none;
  width: 350px;
}

.focus { font-size: 1.0em; font-weight: bold; }
.keens_tin_mustard {
  float: right;
  margin: -70px 0 0 0;
}

#nutrition_info {
  width: 305px;
  padding: 15px 0 15px 18px;
  border: 1px solid #edecec;
  background: #fafafa url(/images/about/nutrition_bg.gif) repeat-x;
}
#nutrition_info table td {
  padding: 1px 16px 1px 0;
}
#ctas {
  width: 950px;
  background: url(/images/about/cta-bg.gif) repeat-x;
}
.cta {
  float: left;
  width: 437px;
  padding: 20px 20px 10px 10px;
}
.cta img.left { margin: 0 20px 0 0; }
.cta div.right { width: 295px; }
#cta1 { border-right: 1px solid #d3d2d2; }
#cta1 a {
  width: 81px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: url(/images/about/button_download.gif) no-repeat;
}
#cta2 a.link {
  width: 65px;
  color: #333;
  padding: 5px 10px;
  display: block;
  margin: 10px 0;
  text-decoration: none;
  background-color: #f2f2f2;
  border: 1px solid #dbdbdb;
}
#cta3 a {
  width: 65px;
  height: 25px;
  display: block;
  text-indent: -9999px;
  background: url(/images/kac/btn_gallery.gif) no-repeat;
}
#view_more_keen_history {
  width: 305px;
  margin: 50px 0 0 0;
  padding: 15px 18px 15px 18px;
  border: 1px solid #edecec;
  background: #fafafa url(/images/about/nutrition_bg.gif) repeat-x;
}
#view_more_keen_history ul { margin: 20px 0 0 0; }
#view_more_keen_history ul li { margin: 0 0 20px 0; }
#view_more_keen_history a {
  width: 81px;
  height: 25px;
  display: block;
  margin: 0 20px 0 0;
  text-indent: -9999px;
  background: url(/images/about/btn_view_more.gif) no-repeat;
}
.old_keens_tin {
  float: right;
  margin: -50px 0 0 0;
}

#download_our_new_recipe_book {
  width: 298px;  
  height: 126px;
  margin: 30px 0 0 0;
  border: 1px solid #edecec;
  background: url(/images/about/cta_dark-bg.gif) repeat-x;
}

#download_our_new_recipe_book #download_our_new_recipe_book_title{
  padding: 24px 18px 5px 45px;
  background-image: url(/images/about/download_circle.gif);
  background-position: 15px 15px; 
  background-repeat: no-repeat;
}

#download_our_new_recipe_book p{
    padding: 0px 15px 0px 15px;
    color: #818181;    
    font-weight:bold;
}

#timeline_tree {
  width: 420px;
  height: 1805px;
  background-image: url(/images/about/timeline.gif);
  background-position: top left; 
  background-repeat: no-repeat;
}

div#timeline_tree img{
    margin: 2px 0px 2px 80px;    
}

div.timespan{
	margin-left: 80px; 
}


div.timespan font.timespan_title{
    font-weight: bold;
    font-size: 1.2em;
    display:block;
}


/**** recipes style *****/
.paginate_bar {
	width: 100%;
	padding: 5px 0;
	height: 18px;
	border-top: 1px solid #e0dfdf;
	border-bottom: 1px solid #e0dfdf;
}
h1 {
	display: none;
}
.paginate {
	background:transparent url(../images/recipes/paginate_blank.gif) no-repeat scroll 0 0;
	color:#ACACAC;
	display:block;
	height:19px;
	line-height:18px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
	width:19px;
}
.paginateActive {
	background:transparent url(../images/recipes/paginate_red.gif) no-repeat scroll 0 0;
	color:white;
	display:block;
	height:19px;
	line-height:18px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
	width:19px;
}
#pagLinks li{
	float:left;
	padding: 0 0 0 5px;
}
#searchBar2 li {
	float:left;
	padding: 0 0 0 5px;
}
#recipe_gallery_top {
	float:left;
	/*padding-left:35px;*/
	padding-bottom: 10px;
	border-bottom: 1px solid #e0dfdf;
}
	#recipe_gallery_top li {
		float:left;
		margin:5px 30px 0 0;
		width:205px;
	}
#recipe_gallery_bot {
	float:left;
	padding-bottom: 10px;
	/*padding:15px 0 40px 35px;*/
}
	#recipe_gallery_bot li {
		float:left;
		margin:7px 30px 0 0;
		width:205px;
	}
.gallery_content {
	background:transparent url(../images/recipes/recipe_frame2.png) no-repeat scroll 0 0;
	color:#dd3634;
	display:block;
	font-size:1em;
	height:55px;
	line-height:16px;
	padding:205px 50px 0 20px;
	text-decoration:none;
	width:136px;
}
.mglass {
	margin:-23px 0 0 118px;
	position:absolute;
	z-index:1000;
}
.gallery_image {
	margin-top:-185px;
	position:absolute;
}
/**** recipe details style ****/
.border_bottom {
	border-bottom: 1px solid #e0dfdf;
}
.print_button {
	width:100%;
	padding-bottom: 5px;
	text-align: right;
}
.std_buttons {
	background-color: #f2f2f2;
	border: 1px solid #dbdbdb;
	height: 15px;
	padding: 5px 10px;
	text-align: center;
	color: #636363;
	text-decoration: none;
}
.left_large_img {
	width: 280px;
	overflow: hidden;
	margin-top: 40px;
}
	.left_large_img img{
		padding: 10px 0 5px 0;
	}
.right_recipe_details {
	width: 645px;
	padding:10px 0 0 20px;
}
	.right_recipe_details h1 {
		display: block;
		padding-top:40px;
		font-size: 2em;
		font-weight: bold;
		color: #000;
		float: left;
		line-height: 22px;
	}
.black_title {
	color: #000;
	font-weight:bold;
	padding:15px 0 5px;
}
#recipe_details_extra .black_title2 {
	color: #000;
	font-weight:bold;
	padding-top:4px;
	padding-bottom: 0px;
}
#recipe_detail_body {
	width: 400px;
}
	#recipe_detail_body li{
		color: #000;
	}
#recipe_details_extra {
	background:transparent url(../images/recipeDetails/extra_info_bg.gif) repeat-x scroll 0 0;
	border:1px solid #D3D3D3;
	float: right;
	height:123px;
	margin:20px 0 0 22px;
	padding-left:10px;
	width:125px;
}
	#recipe_details_extra li{
		padding-bottom: 8px;
		color: #000;
	}
/**** Download Recipe style ****/
.form {
	padding:45px 30px 0 30px;
}
.form2 {
	/*padding:45px 30px 0 0px;*/
	padding:10px 30px 0 0px;
}
	.form label {
		color: #000;
		width: 155px;
		float: left;
		padding-top: 3px;
		font-size: 0.9em;
		font-weight: bold;
	}
	.form input {
		width: 270px;
		margin-bottom: 5px;
	}
	.form select {
		margin-bottom: 5px;
	}
.required {
	color: #858282;
	font-weight: normal;
}
	.form p {
		padding: 10px 0;
	}
.lowerForm {
	background-color: #e8e8e8;
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
}
	.lowerForm p {
		padding: 10px 0 5px 145px;
	}
.lower_img {
	position: absolute;
	bottom: 21px;
	left: 35px;
}

/**** Cup style ****/
#cupForm {
	width: 375px;
}
	#cupForm label {
		width: 125px;
		float: left;
	}
	#cupForm input {
		width: 240px;
		margin: 5px 0;
	}
	#cupForm select {
		margin: 5px 0;
	}
.greyBox {
	background: #f7f6f6;
	border: 1px solid #edecec;
	width: 315px;
	padding: 15px 25px;
	margin: 20px 0;
}
.firstCup {
	padding: 10px 0;
}
#aboutBar.padLeftForCup,
#primary p.padLeftForCup,
.padLeftForCup {
	padding-left: 50px;
}
.padLeftForCup {
	padding-left: 50px;
}
.mentions {
	clear:both;
}
.mentions li {
	float: left;
	padding-right: 30px;	
}

/**** Contact style ****/
#enquiryForm, 
#contactForm {
    width: 550px;
}
 #enquiryForm label,
 #contactForm label
  {
     width: 160px;
     display: inline-block;
     /*float: left;*/
 }
 #enquiryForm input,
 #contactForm input {
     width: 240px;
     margin: 5px 0;
 }
 #enq_enquiry {
	width: 450px;
	height: 80px;
	padding: 5px;
 }
 #enquiryForm select,
 #contactForm select {
     margin-bottom: 20px;
 }
.firstContact {
    padding: 10px 0;
}
#antispam{
	margin: 15px 0px 0px 0px;
	}
	
#antispam_description{
    margin: 0px 0px 0px 160px;
    padding:0px;
    font-style: italic;
    }

.contactPhone{
   font-size: 1.5em; 
   font-weight:bold; 
   display:block; 
   margin: 5px 0px 5px 0px;
}
 
.red {
   color:red;
}
 
.imageWrapRight{
   float:right; 
   margin:4px;
}
.homeTopSides {
	height: 186px;
	width: 314px;
	overflow: hidden;
}
.homeBottomSidesL {
	height: 186px;
	width: 400px;
}
.homeBottomSidesR {
	margin-left: 213px;
	height: 186px;
	width: 407px;
}
.top_gallery_content {
	width: 450px;
}
#gallery {
	width: 100%;
	float: left;
	/*overflow: hidden;*/
}

.gallery_pag li {
	float: left;
	margin-right: 5px;
	height: 21px;
}
.num_buttons {
	display: block;
	width: 15px;
	height: 21px;
	text-align: center;
	color: #636363;
	text-decoration: none;
	font-style: italic;
}
#gallery_entries {
	width: 100%;
}
#gallery_entries li {
	float: left;
	padding-right: 27px;	
}
#gallery_entries li ul li{
	float: none;
	padding: 0px;
}
.gallery_entry {
	background: url(../images/kac/bg_gallery_entry.gif) no-repeat;
	height: 197px;
	width: 160px;
	padding: 3px 0 0 3px;
	text-align: center;
}
	.gallery_entry  p{
		margin: 5px 0;
	}
.gallery_entrant {
	color: #636363;
	font-style: italic;
}
#votePopup {
	background: #FFF;
	padding-top: 30px;
	overflow: hidden;
	position: relative;
	width: 722px;
}
.pop_mainTitle {
	font-size: 1.8em;
	color: #000;
	font-weight: bold;
}
.pop_username {
	color: #858282;
	font-size: 1.4em;
	font-style: italic;
}
.vote_img {
	background: url(../images/kac/bg_vote.jpg) no-repeat;
	width: 490px;
	height: 353px;
	margin-left: 15px;
	padding: 3px 0 0 51px;
	margin-bottom: 20px;
}
.voteRight {
	width: 150px;
	font-size: 1.2em;
}
	.voteRight li {
		padding: 10px 0 0 0;
	}
.side_lights {
	position: absolute;
	top: 376px;
	right: 10px;
}
.bottom_buttons_pop {
	clear: both;
	float: left;
	padding: 0 0 10px 220px;
	width: 220px;
}
.cup_xmas p{
	width: 370px;
}
.cup_xmas a {
	color: #F00;
}
.prizes_p {
	font-size: 1.1em;
}
#prizesRight ul li{
	list-style-type: disc;
	list-style-position:inside;
	padding-bottom: 5px;
}
.redLink {
	color: #CE2725;
	text-decoration: underline;
}
#cup_terms, #ajax_privacy {
	padding: 10px;
}
#cup_terms ol li{
	list-style-position: inside;
	padding: 0 10px 5px 11px;
	margin-left: 20px;
	list-style: inherit;
}
#connect_pop {
	width: 250px;
	background: transparent url(../images/nav/atbkg.png) repeat;
	_background: #ccc;
	padding: 10px;
	position: absolute;
	left: 75%;
	top: 50px;
	margin: -50px auto 0 -155px;
}
.head_connect {
	padding:5px 10px;
	position:relative;
	background:#F2F2F2 none repeat scroll 0 0;
	height:13px;
	font-weight: bold;
}
.connect_content {
	background: #FFF;
	padding: 5px;
}
.connect_content a {
	text-decoration: none;
	color: #7B726D;
	vertical-align: top;
	display: inline-block;
}
.con_link {
	padding: 8px 0 0 10px;
}
#close_connect_pop {
	color: #000;
	position:absolute;
	right:15px;
	text-decoration:none;
	font-weight: bold;
	top:15px;
}