/*
Tyrrells Potato Chips Website
Designed & Built by Jump To Design Agency | Oxford
www.jumpto.co.uk */

html,body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	background-color:#fff;
	color:#333;
	margin:0;
	overflow-x:hidden; }

#stockist {
	position:absolute;
	color:#fff;
	left: 276px;
	top: 699px;
	width: 247px;
	height: 132px;
}

#teamA a {
	font-size:12px;
	color:#a50f0f;
	text-decoration:underline; }
	
#teamA a:hover {
	color:#a50f0f;
	text-decoration:none; }

#stockist a {
	color:#fff;
	text-decoration:none; }
	
#stockist a:hover {
	color:#fff;
	text-decoration:underline; }

.rangeClickThrough a {
	color:#7b0b07;
	text-decoration:none; }

.rangeClickThrough a:hover {
	color:#7b0b07;
	text-decoration:underline; }

#searchForm {
	position:absolute;
	left: 649px;
	top: 10px;
	width: 206px;
}

#searchFormGo {
	position:absolute;
	color:#c94743;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.2em;
	font-weight:200;
	left: 882px;
	top: 9px;
}

#searchFormGo a {
	color:#c94743;
	text-decoration:none;
}

#searchFormGo a:hover {
	text-decoration:underlined;
}
	
#searchForm input {
	width:100%;
	border:none;
	font-size:1em;
	font-weight:100;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#ccc; }

.textBox {
	width:245px;
	padding:8px;
	border:1px solid #ccc;
	color:#8e8f8e;
	padding-top:11px;
	padding-bottom:11px;
	font-size:1.1em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:200; }

#winLoader {
	position:absolute;
	width:24px;
	height:24px;
	min-height:24px;
	max-height:24px;
	top: 440px;
	left: 156px;
}

#thankyou {
	width:234px;
	position:absolute;
	color:#FF0000;
	left: 52px;
	top: 414px;
	text-align:center;
	font-size:0.9em;
	display:none;
	 }

#ourPeople {
	position:absolute;
	width:523px;
	height:295px;
	min-height:100px;
	left: 38px;
	top: 453px;
}

#teamA {
	position:absolute;
	width:560px;
	height:504px;
	min-height:504px;
	background-image:url(images_potatochips/teamA.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	top: -42px;
	left: -2px;
}
	
#moreTeam {
	width:179px;
	height:69px;
	min-height:69px;
	max-height:69px; }

/* mainstage elements ----------------------------------------------------- */
#mainStageHome {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-home.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageHomeNew {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-home-new.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageShop {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-shop.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageGallery {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-gallery.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageTasteTest {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-tastetest.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }
	
#mainStageTasteTestComments {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-tastetest-Comments.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageTrade {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-trade.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }


#mainStageBlog {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-blog.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }


#mainStageProducts {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-products.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }

#mainStageAbout {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-about.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }
	

#mainStageWin {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-win.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }
	

#mainStageContact {
	width:1920px;
	height:874px;
	min-height:874px;
	max-height:874px;
	background-image:url(images_potatochips/background-contact.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:relative;
	border-bottom:2px solid #ccc; }		
	
/* end mainstage elements ------------------------------------------------- */

/* background strips ------------------------------------------------------ */
#stripHome {
	background-image:url(images_potatochips/strip-home.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:318px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:602px
}

#stripHome-new {
	background-image:url(images_potatochips/strip-home-new-5.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:318px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:-121px;
	left:587px
}

#stripProducts {
	background-image:url(images_potatochips/stripProd2b.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:360px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:601px
}

#stripGallery {
	background-image:url(images_potatochips/strip-gallery.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:360px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:586px
}

#stripTrade { 
	background-image:url(images_potatochips/strip-trade.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:346px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:589px; }

#stripAbout {
	background-image:url(images_potatochips/strip-about.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:318px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:601px;
}

#stripAbout a {
	color:#fff;
	text-decoration:none; }

#stripAbout a:hover {
	color:#fff;
	text-decoration:underline; }

#stripWin {
	background-image:url(images_potatochips/strip-win.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:370px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:590px;
}


#stripContact {
	background-image:url(images_potatochips/strip-contact.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:448px;
	height:874px;
	min-height:874px;
	max-height:874px;
	position:absolute;
	top:0;
	left:580px;
}


#winForm {
	width:250px;
	margin:auto;
	position:absolute;
	min-height:200px;
	height:438px;
	left: 37px;
	top: 258px;}
	
	
/* end background strips -------------------------------------------------- */

/* intro copy ------------------------------------------------------------- */

#introCopyGallery {
	position:absolute;
	left: 115px;
	top: 557px;
	width: 335px;
	height: 142px;
	text-align:center;
	color:#fff;
}

#introCopyGallery a {
	color:#fff;
	font-size:1.2em; }

#introCopyTrade {
	width:491px;
	min-height:200px;
	height:477px;
	font-size:0.9em;
	color:#fff;
	position:absolute;
	top:372px;
	left:84px;
	line-height:22px;
	text-align:left;
}

#introCopyTrade h2 {
	margin:0;
	margin-bottom:3px;
	padding:0;
	font-size:1.2em;
	font-weight:100; }


#introCopyTrade p {
	margin:0;
	margin-bottom:13px;
	padding:0; }

#introCopyProduct {
	width:373px;
	min-height:200px;
	height:315px;
	font-size:0.9em;
	color:#fff;
	position:absolute;
	top:385px;
	left:208px;
	line-height:22px;
	text-align:center;
}

#introCopyProduct a {
	color:#fff;
	text-decoration:underline; }

#introCopyProduct a:hover {
	color:#fff;
	text-decoration:none; }


#introCopyHome {
	width:540px;
	min-height:200px;
	height:92px;
	font-size:0.93em;
	color:#150b03;
	position:absolute;
	top:290px;
	left:50px;
	line-height:18px;
	text-align:center;
}
	
#introCopyAbout {
	width:296px;
	min-height:200px;
	height:200px;
	font-size:12px;
	color:#fff;
	position:absolute;
	top:362px;
	left:274px;
	line-height:19px;
	text-align:center;
}

#introCopyContact {
	width:265px;
	min-height:200px;
	height:179px;
	font-size:1em;
	color:#281a09;
	position:absolute;
	top:272px;
	left:315px;
	line-height:18px;
	text-align:center;
}

#introCopyAboutB {
	width:464px;
	min-height:200px;
	height:200px;
	font-size:12px;
	color:#fff;
	position:absolute;
	top:600px;
	left:97px;
	line-height:19px;
	text-align:center;
}

#introCopyAboutB p {
	margin:12px 0;
}

#introCopyWin {
	position:absolute;
	color:#fff;
	font-size:2em;
	font-weight:200;
	left: 222px;
	top: 638px;
	text-align:center;
	width: 331px;
	height: 124px;
}

#introCopyWin2 {
	position:absolute;
	color:#fff;
	font-size:2.3em;
	font-weight:200;
	left: 249px;
	top: 395px;
	text-align:center;
	width: 294px;
	height: 118px;
}


#introCopyWinB {
	position:absolute;
	color:#fff;
	font-size:0.72em;
	font-weight:200;
	left: 246px;
	top: 583px;
	text-align:center;
	width:335px;
	height: 198px;
	line-height:17px;
}

#introCopyWinB p {
	margin:0;
	margin-bottom:5px; }
	
#introCopyWin div {
	padding:5px; }
	
#contactInfo {
	position:absolute;
	left: 638px;
	top: 529px;
	text-align:center;
	color:#fff;
	font-size:1.15em;
	font-weight:200;
	line-height:25px;
}

#contactInfo a {
	color:#281a08;
	text-decoration:none; }

#contactInfo a:hover {
	color:#281a08;
	text-decoration:underline; }	
	
div#wn	{ 
    position:relative; 
    width:100%; height:600px;
	border:1px solid #fff;
    overflow:hidden; }

/* end intro copy --------------------------------------------------------- */



/* navigation ------------------------------------------------------------- */
#navigation {
	width:427px;
	position:absolute;
	left: 115px;
	top: 193px;
	text-align:center;
}

#navigation a {
	color:#e3d5b4; 
	text-decoration:none; }

#navigation a:hover {
	text-decoration:underline; }

#navigation ul {
	margin:0;
	padding:0; }
	
#navigation li {
	margin:0;
	margin-right:20px;
	padding:0;
	list-style:none;
	display:inline;
	color:#e3d5b4;
	font-size:1.08em; }

.navigationInner {
	margin-bottom:8px; }
/* end navigation --------------------------------------------------------- */


/* stage elements --------------------------------------------------------- */
#flags {
	width:284px;
	height:39px;
	min-height:39px;
	max-height:39px;
	background-image:url(images_potatochips/flagback2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	position:absolute;
	left:605px;
	top:-5px; }

#flags div {
	width:255px;
	margin:auto;
	margin-top:8px; }
	
#flags ul {
	padding:0;
	margin:0;
	list-style:none; }
	
#flags li {
	float:left;
	margin-right:7px;
	list-style:none;
	width:29px;
	height:19px;
	min-height:19px;
	max-height:19px; }

#flags li a {
	display:inline; }
	
#greatTasteBadge {
	width:259px;
	height:155px;
	min-height:155px;
	background-image:url(images_potatochips/greatTaste.gif);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	top: 709px;
	left: 32px;
}

#tcs {
	width:127px;
	height:77px;
	min-height:77px;
	max-height:77px;
	background-image:url(images_potatochips/tcs.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	left: 152px;
	top: 754px;
}

#contact-submit {
	width:241px;
	height:97px;
	min-height:97px;
	max-height:97px;
	background-image:url(images_potatochips/contact-submit.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	position:absolute;
	left: 639px;
	top: 735px;
	z-index:5;
}
/* end stage elements ----------------------------------------------------- */


/* panel copy ------------------------------------------------------------- */
#winText {
	color:#ffedcf;
	font-size:1.3em;
	font-weight:200;
	width:284px;
	position:absolute;
	left: 25px;
	top: 107px;
	text-align:center;
	line-height:25px;
}

#sustainLink {
	position:absolute;
	left: 154px;
	top: 134px;
	color:#fff;
	font-size:14px;
	width: 143px;
}

#faqLink {
	position:absolute;
	left: 168px;
	top: 184px;
	color:#fff;
	font-size:14px;
	text-align:center;
}
	
#awardsLink {
	position:absolute;
	left: 201px;
	top: 360px;
	color:#283823;
	text-align:center;
	font-size:14px;
}

#awardsLink a {
	color:#283823;
	text-decoration:none; }
	

#awardsLink a:hover {
	color:#283823;
	text-decoration:underline; }

#goodworkLink {
	position:absolute;
	left: 36px;
	top: 587px;
	color:#283823;
	text-align:center;
	font-size:14px;
}

#goodworkLink a {
	text-decoration:none;
	color:#283823; }

#goodworkLink a:hover {
	text-decoration:underline;
	color:#283823; }

#pressLink {
	position:absolute;
	left: 144px;
	top: 763px;
	color:#fff;
	font-size:14px;
	text-align:center;
}
	
#panel-win {
	width:218px;
	font-size:0.7em;
	position:absolute;
	height:108px;
	left:48px;
	top:695px;
	padding:3px;
}

#panel-win div {
	position:absolute;
	width:130px;
	color:#fff;
	text-align:center;
	font-size:1.8em;
	left: -2px;
	top: 35px;
}

#panel-win a {
	color:#283823;
	text-decoration:none; }
	
#panel-win a:hover {
	text-decoration:underline; }

#panel-win span {
	position:absolute;
	left: 15px;
	top: 93px;
	color:#fff;
	font-size:14px;
}

#panel-tyrrellstimes {
	width:240px;
	font-size:0.7em;
	position:absolute;
	height:69px;
	left:35px;
	top:337px;
	padding:8px;
	text-align:center;
	background-color:#00CC99;
}

#panel-tyrrellselection {
	width:257px;
	font-size:0.7em;
	position:absolute;
	height:352px;
	left:36px;
	top:171px;
	padding:0px 0px 0px 9px;
	text-align:left;
}

#panel-tyrrellstimes div {
	position:absolute;
	left: 104px;
	top: 56px;
	color:#fff;
	font-size:14px;
}
	
#panel-tyrrellstimes a {
	color:#fff;
	text-decoration:none; }
	
#panel-tyrrellstimes a:hover {
	text-decoration:underline; }
	
#panel-tyrrellsgallery {
	width:254px;
	font-size:0.7em;
	position:absolute;
	height:108px;
	left:29px;
	top:540px;
	padding:3px;
	color:#fff;
	text-align:left;
}
	
#panel-tyrrellsgallery div {
	width:111px;
	margin-top:5px;
	text-align:center;
}

#panel-tyrrellsgallery span {
	position:absolute;
	left: 22px;
	top: 105px;
	color:#fff;
	font-size:14px;
}

#panel-tyrrellsgallery a {	
	color:#283823;
	text-decoration:none; }

#panel-tyrrellsgallery a:hover {	
	text-decoration:underline; }
	
#dockMenu ul {
	display:inline;
	margin:0;
	padding:0; }
	
#dockMenu li {
	display:inline;
	margin:0;
	padding:0;
	margin-right:20px;
	float:left; }
		
/* end panel copy --------------------------------------------------------- */

#scrollNav {
	width:15px;
	height:28px;
	min-height:28px;
	max-height:28px;
	position:absolute;
	z-index:99;
	bottom:56px;
	left:580px;
}

div#wn	{
	position:absolute;
	width:487px;
	height:230px;
	overflow:hidden;
	left: 72px;
	top: 564px;
	font-size:14px;
}

div#wn h2 {
	font-size:14px;
	margin:0;
	margin-bottom:8px;
}

div#wn p {
	font-size:12px;
	margin:0;
	margin-bottom:8px;
}
