@charset "utf-8";
/****************************************************************************************
	
	Name: Scott's Porage Oats CSS Document
	Author: Aaron Yates, Marc Taylor, Mat Marlow
	Contact: aaron@standoutuk.com, marc@standoutuk.com, mat@standoutuk.com
	
*****************************************************************************************/

@import "navigation.css";

/*---------------------------------------------------------------------------------------
	MAIN CONTENT PANEL AND SIDEBAR:
---------------------------------------------------------------------------------------*/
#main {
	margin-top: 15px;
}

#main #sidebar {
	width: 295px;
	float: left;
}


#main #sidebar #srsl {
	display: inline-block;
	width:52px;
	float:left;
	margin-top:4px;
	z-index:3;
}

#main #sidebar .more_info{
	width: 47px;
	height: 48px;
	display: inline-block;
	z-index:2;
	background: url('../../images/icon/more_info.png') no-repeat;
}
#main #sidebar .logo a{
	/* logo image is set in header.php */
	width: 180px;
	height: 230px;
	display: inline-block;
	float:left;
	margin-left:55px; padding-right:20px;
	z-index:3;
	background-repeat:no-repeat;
}
#main #sidebar .logo a img{
	/* hide the default image because it is replaced by a PHP generated style for the time based logo */
	display:none;	
}


body #page #wrapper {
	margin-left: 45px; margin-right:45px;
}


#content{width:378px; float:right; display:inline-block;}
#main #content #right_promo {width:378px; z-index:4; height:280px; background: url('../../images/home/right_promo.png') no-repeat;}

/*---------------------------------------------------------------------------------------
	GENERAL:
---------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	/* background image is set inline in header.php (based on time of day) */
	background-repeat:repeat-x;
	background-color:#4c5f2a;
}

.preloadImages{
	display:none;
}

.clear {
	clear: both;	
}
.icon{
	width:1.6em;
	height:1.6em;
	padding:none!important;
}
span.icon{
	display:inline-block;
	vertical-align:middle;
}
.positive,.negative,.neutral{
	font-weight:bold;
	background-repeat:no-repeat;
	padding-left:20px;
}
.positive{
	color:#003 !important;
	background-image:url(../../images/icons/tick.png);
}
.negative{
	color:#C00 !important;
	background-image:url(../../images/icons/cross.png);
}
.neutral{
	color:#06C !important;
	background-image:url(../../images/icons/exclamation.png);
}
.error{
	color:#C00 !important;
	background-image:url(../../images/icons/error.png);
}

input.error,
select.error,
textarea.error,
label.error,
legend.error{
	color:red!important;	
	background-image:none!important;
}
input.error,
select.error,
textarea.error{
	border-color:red!important;
}

.clear{clear:both;}


/* simple css-based tooltip */
.tooltip {
	display:none;
	background:transparent url(/images/tooltip/tooltip_background.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#000033;
}

/* dynamic, no images
.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}
*/

/***********************************
FANCYBOX
***********************************/

#fancybox-inner h2{
	background:none!important;
	padding:0!important;
	font-size:20px;
}
#fancybox-inner p{
	padding:10px 0 10px 0;
	font-size:10px;
}
#fancybox-inner button.close,
#fancybox-inner input.close {
	border:none;
	width:89px;
	height:36px;
	background-image:url(/images/buttons/close.png);
	cursor:pointer;
	text-indent:-10000px;
	background-color:none;
	display:block;
	margin:10px auto;
}
#fancybox-inner button.close:hover,
#fancybox-inner input.close:hover  {
	background-position:left bottom;
}
div.popup div.controls {
	clear:both;
	margin:2em 0 0;
	text-align:right;
}
#preloadImages{
	display:none;	
}
/*---------------------------------------------------------------------------------------
	MAIN PAGE ELEMENTS:
---------------------------------------------------------------------------------------*/
#page {
	width: 905px;
	margin: 0px auto;
	z-index:1;
}
#main{
	
}



/* FOOTER:
---------------------------------------------------------------------------------------*/

#footer {
	position:relative;
	margin:15px auto;
	width: 905px;
	height: 38px;
	display: block;
	background: url('../../images/footer_bg.png') no-repeat top left;
	font-size: 1em;
	font-weight: bold;
	color: #545454;
	text-transform: uppercase;
}

#footer a {
	color: #545454;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}

#footer .left {
	float: left;
	width: 650px;
	padding: 12px 0 0 15px;
}

#footer .right {
	float: right;
	width: 200px;
	padding: 12px 16px 0 0;
	text-align: right;
}




/* right content */
.right_content{width:591px; float:right;}
.right_content .top #darkblue{height:13px;}
.right_content .bot{height:13px;}
.right_content .middle{min-height:415px; padding:7px 20px 7px 15px; overflow: hidden; }

	.right_content .middle h2{font-size:1.8em; text-transform:uppercase;}
	.right_content .middle p{font-size:1.1em;}
/*left sec of right content*/
	/*full width*/
	.right_content .middle .col001 {width:560px; float:left; padding-top:6px;}
		.right_content .middle .col001 #col001 {width:350px; float:left;}
		.right_content .middle .col001 #col002 {width:206px; float:right;}
			.right_content .middle .col001 #col002 p {padding-left:14px;}
	/*2/3rd width*/
	.right_content .middle .col002 {width:325px; float:left;}
/*right sec of right content*/
	.right_content .middle .col003 {width:190px; float:right; text-align:right;}
	/*contains logo and ticket info 1/3width*/
	.right_content .middle .col004 {width:230px; float:right; text-align:right;}
		.right_content .middle .col004 #col001 {width:141px; float:left; text-align:right; padding-top:5px;}
		.right_content .middle .col004 #col002 {width:67px; float:right; text-align:right;}
		.right_content .middle .col004 #col003 {float:right; text-align:right;}
	
	.right_content .middle .col005 {width:556px;}
	/*Blue BG used on Rubgy*/
	#color001{background-image:url(../../images/sections/color001_mid.png);background-position:top left;background-repeat:no-repeat;}
		#color001top{background-image:url(../../images/sections/color001_top.png);background-position:top left;background-repeat:no-repeat;}
		#color001bot{background-image:url(../../images/sections/color001_bot.png);background-position:top left;background-repeat:no-repeat;}
		#color001 p{color:#fff; font-size:1.1em;}		
		/*#color001 and color005 text*/	#color001 h2, #color005 h2{color:#fff; padding-left:16px; padding-bottom:8px; padding-top:8px;}
										#color001 .col002 p, #color005 .col002 p{color:#fff; font-size:1.1em; width:250px; padding-top:12px; font-weight:bold; padding-left:16px;}
										#color001 .col004 #col001 p, #color005 .col004 #col001 p{color:#c7c7c7; font-size:1.1em; font-weight:bold;}
		/* #color001 and color005links*/#color001 a, #color001 a:active, #color001 a:visited, #color005 a, #color005 a:active, #color005 a:visited{color:#fff; font-size:1.1em; text-decoration:underline;}
				 						#color001 a:hover, #color005 a:hover{color:#c7c7c7; text-decoration:underline;}
										#color001 .col004 #col001 a, #color001 .col004 #col001 a:active, #color001 .col004 #col001 a:visited, #color005 .col004 #col001 a, #color005 .col004 #col001 a:active, #color005 .col004 #col001 a:visited{color:#c7c7c7; font-size:1.1em; font-weight:bold;}
										#color001 .col004 #col001 a:hover, #color005 .col004 #col001 a:hover{color:#c7c7c7; text-decoration:underline;}
	/**/
	/*Grey/Brown BG used on Oat Cuisine*/
	#color002{background-image:url(../../images/sections/color002_mid.png);background-position:top left;background-repeat:no-repeat;}
		#color002top{background-image:url(../../images/sections/color002_top.png);background-position:top left;background-repeat:no-repeat;}
		#color002bot{background-image:url(../../images/sections/color002_bot.png);background-position:top left;background-repeat:no-repeat;}
	/**/	
	/*Transparent BG used on ..........*/
	#color003{background-image:url(../../images/sections/color003_mid.png);background-position:top left; background-repeat:no-repeat;}
		#color003top{background-image:url(../../images/sections/color003_top.png);background-position:top left; background-repeat:no-repeat;}
		#color003bot{background-image:url(../../images/sections/color003_bot.png);background-position:top left; background-repeat:no-repeat;}
	
	/**/
	/*Rugby Logo BG used on ........... */
	#color004{background-image:url(../../images/sections/color004_mid.png); background-position:top left; background-repeat:no-repeat;}
		#color004top{background-image:url(../../images/sections/color004_top.png);background-position:top left; background-repeat:no-repeat;}
		#color004bot{background-image:url(../../images/sections/color004_bot.png);background-position:top left; background-repeat:no-repeat;}
	/**/
	/*Rugby Players BG used on Game ........... */
	#color005{background-image:url(../../images/sections/color005_mid.png); background-position:bottom left; background-repeat:no-repeat;}
		#color005top{background-image:url(../../images/sections/color005_top.png); background-position:top left; background-repeat:no-repeat;}
		#color005bot{background-image:url(../../images/sections/color005_bot.png); background-position:top left; background-repeat:no-repeat;}
	/**/
	/*spot the ball instead of nav*/
	#spot_the_ball_cta_container { width: 295px; padding: 0px; }
		#spot_the_ball_top{background-image:url(../../images/news_and_press/spot_the_ball_top.png);background-position:top left;background-repeat:no-repeat; margin:16px 0 0 0;}
		#spot_the_ball_mid{background-image:url(../../images/news_and_press/spot_the_ball_mid.png);background-position:top left;background-repeat:no-repeat; height:180px;}
		#spot_the_ball_mid img{padding:5px 0 0 15px;}
		#spot_the_ball_bot{background-image:url(../../images/news_and_press/spot_the_ball_bot.png);background-position:top left;background-repeat:no-repeat;}
	
	/*our heritage BG*/
	#color006{background-image:url(../../images/sections/color006_mid.png); background-position:top left; background-repeat:no-repeat;}
	#color0062mid{background-image:url(../../images/sections/color006_mid2.jpg); background-position:top left; background-repeat:no-repeat;}
		#color006top{background-image:url(../../images/sections/color006_top.png); background-position:top left; background-repeat:no-repeat;}
		#color006bot{background-image:url(../../images/sections/color006_bot.png); background-position:top left; background-repeat:no-repeat;}
		#color006bot2{background-image:url(../../images/sections/color006_bot2.png); background-position:top left; background-repeat:no-repeat;}
		
	
	#color007{background-image:url(../../images/sections/color007_mid.png); background-position:top left; background-repeat:no-repeat;}
	#color007mid{background-image:url(../../images/sections/color007_mid.jpg); background-position:top left; background-repeat:no-repeat;}
		#color007top{background-image:url(../../images/sections/color007_top.png); background-position:top left; background-repeat:no-repeat;}
		#color007bot{background-image:url(../../images/sections/color007_bot.png); background-position:top left; background-repeat:no-repeat;}
		
/*link colors*/
a.whitelink, a.whitelink:active, a.whitelink:visited{color:#fff;}
a.whitelink:hover{}

a.revealFader{float:left; height:54px; text-indent:999999999px; cursor:pointer; width:217px; background:url('../../images/buttons/reveal_this_weeks.png') top left no-repeat;}
	a.revealFader:hover {background-position:left bottom;}
/*	a.revealFader:open {background-position:left bottom !important;}*/
a.submitFader{float:left; height:36px; text-indent:999999999px; cursor:pointer; width:89px; background:url('../../images/buttons/submit.png') top left no-repeat;}
	a.submitFader:hover {background-position:left bottom;}
/*	a.submitFader:open {background-position:left bottom !important;}*/
a.playnowFader{float:left; height:36px; text-indent:999999999px; cursor:pointer; width:186px; background:url('../../images/buttons/play_now.png') top left no-repeat; margin:15px 0 0 50px;}
	a.playnowFader:hover {background-position:left bottom;}
/*	a.submitFader:open {background-position:left bottom !important;}*/
a.downloadpdfFader{float:left; height:36px; text-indent:999999999px; cursor:pointer; width:230px; background:url('../../images/buttons/download_this_pdf.png') top left no-repeat; margin:10px 0 5px 0px;}
	a.downloadpdfFader:hover {background-position:left bottom;}
a.shareyourrecipeFader{float:left; height:36px; text-indent:999999999px; cursor:pointer; width:178px; background:url('../../images/buttons/share_your_recipe.png') top left no-repeat; margin:10px 0 5px 10px;}
	a.shareyourrecipeFader:hover {background-position:left bottom;}

/*misc*/
#marg_top300{margin-top:300px;}	
#marg_top20{margin-top:20px;}
.pad_top120{padding-top:130px;}
.pad_top16{padding-top:16px;}


/* TERMS AND CONDITIONS */
ol#terms {
	margin-left: 15px;
	margin-top: 15px;
	color: #194C99;
}
ol#terms li {
	margin-bottom: 8px;
	font-weight: normal;
}
ol#terms ul li {
	margin-left: 15px;
	font-weight: normal;
}



/* ---------------------------------------------------------------------------------------------------- RECIPES PROMO PANEL --- */
#sidebar #recipe_promo_panel {
	width: 297px;
	height: 223px;
	display: inline-block;
	float: left;
	background: url('../../images/sections/recipe_promo_panel/recipe_panel_bg.png') no-repeat top left;
}
#sidebar #recipe_promo_panel .recipe_btn {
	width: 	129px;
	height: 38px;
	display: inline-block;
	position: relative;
	top: 166px;
	left: 151px;
}

#sidebar #recipe_promo_panel .recipe_btn a {
	height: 38px;
	width: 129px;
	display: inline-block;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	margin: 0px auto;
	background:url('../../images/sections/recipe_promo_panel/recipe_btn_inactive.png') top left no-repeat;
}

#sidebar #recipe_promo_panel .recipe_btn a:hover {
	background:url('../../images/sections/recipe_promo_panel/recipe_btn_active.png') top left no-repeat;
}

iframe{border:0; padding:0; margin:0; background-color: transparent;
}