/*================================
	layout.css
	2008-05-08
	bigfish.co.uk
================================*/

#colone {
	float: left;
}


#slideshow {
	background: transparent;
}

p strong.highlight {
	color: #000;
	font-weight: normal;
}

/*================================
	FORM STYLES
================================*/
form label {
	margin: 0 0 5px 0;
	display: block;
	color: #666;
	line-height: 1.2em;
}

form input,
form select,
form textarea {
	padding: 2px;
	background: #333;
	color: #FFF;
	border: 1px solid #666;
}

form p label.error,
form#entry-form p label.error,
form#entry-form p span.error {
	color: #FF0000;
}

#content form input.btn-submit {
	display: block;
	margin: 20px 0;
	width: auto;
	clear: both;
	font-size: 1.4em;
	color: #F60;
}
		
form.feedback label.optin,
form.feedback input.optin,
form .optin label,
form .optin input {
	display: inline;
	width: auto;
}

form.feedback textarea {
	margin: 0 0 10px 0;
	width: 330px;
}

form.feedback .form-col {
	float: left;
	width: 158px;
	margin: 0 10px 0 0;
}

form.feedback .form-col input {
	margin: 0 0 10px 0;
	width: 158px;
}

form.feedback .form-col.last {
	margin: 0;
}


form.jumpmenu {
	margin: 20px 0 0 0;
}

form.jumpmenu select {
	width: 80%;
}


form.jobapplication label {
	display: block;
}

form.jobapplication input,
form.jobapplication select,
form.jobapplication textarea {
	width: 80%;
}

form.jobapplication input.optin {
	width: auto;
}

form.win-entry select {
	width: 282px;
}

form.win-entry select#howdidyouhear {
	width: 360px;
}

/*================================
	HOME PAGE
================================*/
a.pink,
p.pink {
	color: #F22766;
}


.section {
	width: 956px;
	overflow: hidden;
}

.exDesc {
	display: none;
}

#extremist.section {
	border-bottom: 1px solid #333;
}

#extremist.section {
	margin: 0 0 15px 0;
	overflow: hidden;
	width: 100%;
}


.section .sidecol {
	float: left;
	width: 350px;
/*	min-height: 725px;*/
	margin: 0 0 10px 0;
	padding: 0 40px 0 0;
	background: url("../images/layout/vert_dots_999.gif") repeat-y right top;
}

#extremist.section .sidecol {
	color: #B3B3B3;
	min-height: 500px;
}

#extremist.section .sidecol h1 {
	color: #F60;
}

#extremist.section .sidecol h2 {
	color: #CCC;
}

.section .sidecol .extraimgs {
	float: right;
	width: 140px;
	margin: 0 0 0 10px;
}

.section .sidecol .extraimgs img {
	margin: 0 0 30px 0;
}

.section .sidecol .extraimgs img.last {
	margin: 0;
}

#extremist.section .sidecol .extraimgs {
	margin: 20px 0 0 10px;
}

#extremist.section .sidecol #swiffyballs.extraimgs {
	margin-top: 0;
}

#extremist.section .sidecol .extraimgs {
	width: 90px;
}

#extremist.section .sidecol .extraimgs img {
	margin: 0 0 30px 0;
}



.section .sidecol h2 {
	font-size: 20px;
	margin: 0 0 10px 0;
}

.section .sidecol p a {
	display: block;
	margin: 0 0 60px;
}

.section .maincontent {

	float: left;
	width: 565px;
}

.section .maincontent .compcopy {
	width: 275px;
	margin: 0 20px 40px 0;
}

.section .maincontent .compcopy h2 {
	font-size: 2em;
	line-height: 1em;
}

.section .maincontent .fredcooking  {
	float: right;
	margin-right:20px;
}

.section .maincontent a.fredblog  {
	text-indent: -1000em;
	background: url('../images/layout/fred.jpg');
	width:201px;
	height:257px;
	float: right;
}

.section .maincontent a.fredblog:hover {
	background: url('../images/layout/fred_over.jpg');
}	

#extremist.section .maincontent #currentwinner {
	overflow: hidden;
}

#extremist.section .maincontent #currentwinner #curwinnertext {
	float: left;
	width: 250px;
}

#extremist.section .maincontent #currentwinner #curwinnertext p {
	margin: 0 0 5px 0;
}

#extremist.section .maincontent #currentwinner #curwinnertext h1 {
	color: #F60;
}

#extremist.section .maincontent #currentwinner #curwinnertext h2 {
	margin: 0;
	padding: 0.8em 0;
	font-size: 1.833em;
	color: #F60;
	background: url("../images/layout/bg_stars.gif") repeat-x left center;
}

#extremist.section .maincontent #currentwinner #curwinnertext h3 {
	margin: 0 0 10px 0;
	font-size: 1.166em;
}

#extremist.section .maincontent #currentwinner .media {
	width: 240px;
	height: 226px;
	background: url("../images/layout/bg_top_extremist.gif") no-repeat 0 0;
}

#extremist.section .maincontent #currentwinner .media img, 
#extremist.section .maincontent #currentwinner .media object  {
	margin: 10px 0 0 10px;
}

#extremist.section .maincontent #currentwinner .youtube .media,
#extremist.section .maincontent #currentwinner .flickr .media,
#extremist.section .maincontent #currentwinner .text .media {
	float: right;
	margin: 0 0 
}


#extremist.section .maincontent #top5 {
	clear: right;
}

#extremist.section .maincontent .gallerylink {
	margin: 0 0 10px 0;
}

#extremist.section .maincontent #top5 h4 {
	margin: 0 0 10px 0;
	padding: 0.5em 0;
	clear: left;
	color: #5D5223;
	font-size: 1.5em;
	font-weight: normal;
	background: url("../images/layout/gallery_icon.jpg") no-repeat right center;
}

#extremist.section .maincontent #top5 h4 a {
	color: #FFF;
}

#extremist.section .maincontent #top5 .item {
	float: left;
	margin: 0 30px 0 0;
	width: 112px;
}

#extremist.section .maincontent #top5 .item.last {
	margin-right: 0;
}

#extremist.section .maincontent #top5 .item .media {
	margin: 0 0 10px 0;
	padding: 6px 6px 0 6px;
	background: #FFF;
	text-align: center;
}

#extremist.section .maincontent #top5 .item .media a {
	width: 100px;
	height: 75px;
	overflow: hidden;
	display: block;
}

#extremist.section .maincontent #top5 .item .media img {
	width: 100px;
}

#extremist.section .maincontent #top5 .item .media div.pos {
	padding: 3px 0;
	font-size: 1.166em;
	font-weight: bold;
	color: #F60;
	text-align: left;
}

#extremist.section .maincontent #top5 .item p {
	font-size: 0.916em;
}


#entry-form {
	display: none;
}

#entry-form p {
	margin: 0 0 6px 0;
	clear: left;
}

#entry-form p label,
#entry-form p.form-multi span {
	float: left;
	width: 120px;
	color: #666;
}

#entry-form p.form-multi label {
	float: none;
	width: auto;
	margin: 0 10px 0;
	display: inline;
}

#entry-form p input,
#entry-form p textarea {
	width: 220px;
}

#entry-form p select {
	width: 225px;
}

#entry-form p.form-multi input {
	width: auto;
}

#entry-form #mediatype {
	margin: 0 0 10px 0;
}

#entry-form #mediatype p {
	margin: 0;
}

#entry-form #mediatype input,
#entry-form p.optin input {
	width: auto;
	display: inline;
}

#entry-form #mediatype label,
#entry-form p.optin label {
	float: none;
	width: auto;
	display: inline;
	margin: 0 10px 0 0;
}

#entry-form .hr {
	clear: left;
	margin: 4px 0 10px 0;
	height: 1px;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x 0 0;
}

#entry-form .hr hr {
	display: none;
}

#entry-form #text-entry {
	display: none;
}


.extracol {
	float: right;
}

p.cta {
	margin: 0 0 30px 0;
}


/*================================
	OUR PUDS PAGE
================================*/
body#ourpuds #colone {
	width: 380px;
}

ul#subNav {
	margin: 0 0 20px 0;
	width: 260px;
	list-style: none;
}

ul#subNav li a {
	margin: 0 0 10px 0;
	padding: 0 0 0 1.4em;
	display: block;
	color: #8F7F3E;
	font-size: 1.666em;
	background: url("../images/layout/h3_bg_arrow.gif") no-repeat left center;
}

ul#subNav li ul {
	list-style: none;
	margin: 0 0 10px 15px;
	padding: 0 0 10px 0;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x left bottom;
}

ul#subNav li ul li {
	margin: 0 0 5px 0;
}

ul#subNav li ul li a {
	margin: 0;
	padding: 0.1em 0 0.1em 1.4em;
	background: none;
	color: #999;
	font-size: 1em;
	background: url("../images/layout/bg_subnav_link.gif") no-repeat 0 0.25em;
}

ul#subNav li ul li a:hover {
	color: #FFF;
}

.col-nav .group {
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x left bottom;
}

.col-nav .group h3 {
	margin: 0 0 5px 0;
	padding: 0.4em 0 0 1.4em;
	color: #5D5223;
	font-size: 1.375em;
	background: url("../images/layout/h3_bg_arrow.gif") no-repeat left center;
}

.col-nav .group ul {
	list-style: none;
}

.col-nav .group ul li {
	margin: 0 0 5px 15px;
}

.col-nav .group ul li a:hover {
	color: #F60;
}

body#ourpuds #mainbody {
	float: right;
	width: 542px;
}

body#ourpuds #mainbody h2 {
	
}

.excuses {
	margin:10px 0;
}

/*================================
	GU A DAY TABLE
================================*/

table#guaday {
	border-collapse: collapse;
	font-size: 0.875em;
	color: #FFF;
	background: url("../images/layout/horiz_dots_fff_2.gif") repeat-x left bottom;
}

table#guaday thead th {
	color: #FF6600;
}

table#guaday thead th.col-excuse {
	width: 452px;
}

table#guaday thead th.col-time {
	width: 110px;
}

table#guaday tbody tr.item td {
	padding-top: 25px;
	background: url("../images/layout/horiz_dots_fff_2.gif") repeat-x left bottom;
}

table#guaday tbody td {
	padding: 15px 0;
	vertical-align: top;
}

table#guaday tbody td p {
	width: 80%;
	line-height: 1.6em;
}


/*================================
	PRODUCT PAGE
================================*/
body#product #colone {
	float: left;
	width: 330px;
	margin: 0 60px 0 0;
}

div.peoplesaid {
	margin: 0 0 15px 0;	
}

div.peoplesaid .quotes {
	margin: 0 0 20px 0;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x 0 0;
}

div.peoplesaid .quotes blockquote {
	padding: 10px 0;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x left bottom;
}

div.peoplesaid .quotes blockquote p {
	margin: 0 0 0.5em 0;
}

div.peoplesaid .quotes blockquote .cite {
	color: #FF6600;
}


body#product #coltwo {
	float: left;
	width: 160px;
	margin: 0 40px 0 0;
}

body#product #coltwo img {
	margin: 0 0 20px 0;
	display: block;
}

body#product #colthree {
	float: left;
	width: 330px;
}

		body#product #colthree .productvideo {
			margin: 0 0 20px 0;
		}

		body#product #colthree .didyouknow {
			margin: 0 0 20px 0;
			padding: 0 0 20px 0;
			background: url("../images/layout/horiz_dots_999_2.gif") repeat-x left bottom;
		}
		
/*================================
	JOB PAGE
================================*/

body#jobs #colone ul#subNav {
	width: auto;
}


		
/*================================
	FAQ PAGE
================================*/

body#faq #colone {
	float: left;
	width: 330px;
	margin: 0 80px 0 0;
}

body#faq #coltwo {
	float: right;
	width: 420px;
	padding: 0 120px 0 0;
	display: inline;
}

body#faq #faqlist {
	padding: 1em 0 0 0;
	background: url("../images/layout/horiz_dots_fff_2.gif") repeat-x left top;
}

body#faq #faqlist li {
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	background: url("../images/layout/horiz_dots_fff_2.gif") repeat-x left bottom;
}

body#faq #faqlist li p {
	margin: 0 0 0.5em 0;
	color: #FFF;
}

body#faq #faqlist li p.answer {
	color: #FF6600;
}

body#faq #mainbody {
	float: left;
	width: 330px;
}

/*================================
	FORM PAGE
================================*/

body#form #top {
	overflow: hidden;
	width: 100%;
}

body#form #top .colone p {
	width: 385px;
}

body#form #colone,
body#form .colone {
	float: left;
	width: 450px;
	margin: 0 40px 0 0;
}

body#form #colone p {
	width: 330px;
}

body#form #colone hr {
	margin: 0 0 20px 0;
}

body#form #coltwo,
body#form .coltwo {
	float: right;
	width: 450px;
}
body#form #coltwo .sideformimage {
	margin: 0 0 28px 0;
}

body#form .nolabel {
	color: #fff;	
}

body#form .firstquestion {
	margin:20px 0 10px 0;
}

body#form .question label, body#form .firstquestion label {
	display: inline;
}

body#form .nolabel {
	margin: 0 0 5px 0;
	display: block;
}

body#form .question span.question {
	display: block;
}

body#form .question span.question input {
	margin: 0 5px 0 0;
}

/*================================
	JOBS PAGE
================================*/

body#jobs #colone {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}

body#jobs #colone.col-nav .group {
	background: none;
}

body#jobs #colone.col-nav .group h3 {
	margin: 0 0 5px 0;
}

body#jobs #colone.col-nav .group h3 a {
	color: #999;
}

body#jobs #colone.col-nav .group h3 a:hover {
	color: #FFF;
}

body#jobs #coltwo {
	float: left;
	width: 330px;
	margin: 0 40px 0 0;
}

body#jobs #coltwo .item-text {
	margin: 0 0 30px 0;
}

body#jobs #coltwo .item h3 {
	margin: 0 0 10px 0;
	color: #F60;
	cursor: pointer;
}

body#jobs #colthree {
	float: left;
	width: 360px;
}


/*================================
	COL2FLASH PAGE
	SAMPLE CAL PAGE
================================*/

body#col2Flash #colone,
body#samplecal #colone,
body#samplecal #coltwo {
	float: left;
	width: 335px;
	padding: 0 65px 0 0;
	background: url("../images/layout/vert_dots_999.gif") repeat-y right top;
}

body#col2Flash #coltwo {
	float: left;
}

body#samplecal #colone ul#subNav {
	width: 100%;
	line-height: 1.4em;
}

body#samplecal #colone ul#subNav li ul {
	background: none;
}

body#col2Flash #coltwo,
body#samplecal #coltwo {
	margin: 0 0 0 20px;
	width: 500px;
	padding: 0;
	display: inline;
	background: none;
}

body#samplecal #colone {
	background: none;
}

body#col2Flash .group {
	margin: 0 0 20px 0;
}

body#samplecal .group {
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
}

body#samplecal #coltwo .group {
	margin: 0 0 20px 0;
}

body#samplecal .group .item {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
	line-height: 1.4em;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x left bottom;
}

body#samplecal .group .item p.buyticket {
	margin: 1em 0 0 0;
}

body#col2Flash .group h2,
body#samplecal  .group h2 {
	margin: 0 0 5px 0;
}

body#samplecal .group h3 {
	font-size: 1.333em;
}

body#samplecal .group h3 {
	margin: 0 0 5px 0;
}

body#samplecal .group h4 {
	margin: 0 0 10px 0;
}

body#col2Flash .group img,
body#samplecal .group img {
	float: right;
	margin: 0 0 10px 10px;
}

body#samplecal .group .text {
	width: 320px;
}


/*================================
	SHARE LOVE PAGE
================================*/

body#sharelove h2 {
	margin: 0 0 10px 0;
}


body#sharelove #colone {
	float: left;
	width: 400px;
}

body#sharelove #coltwo {
	float: right;
	padding: 0 0 0 20px;
	width: 515px;
	background: url("../images/layout/vert_dots_999.gif") repeat-y 0 0;
}

body#sharelove #colone .newsletterpreview {
	float: right;
	border: 1px solid #FFF;
}

body#sharelove #colone .newslettercaption {
	clear:right;
	float: right;
	margin:5px 0;
	font-size:0.9em;
}

body#sharelove .signup {
	width: 210px;
}

body#sharelove .signup input {
	width: 100%;
}

body#sharelove input.optin {
	width: auto;
}

body#sharelove .signup input.btn-submit {
	width: auto;
}

body#sharelove #coltwo .emailpreview {
	float: right;
	width: 256px;
	padding: 10px 10px 0px 10px;
	border: 1px solid #000;
}

body#sharelove #coltwo .emailpreview .header {
	margin: 0 0 10px 0;
}

body#sharelove #coltwo .emailpreview h3 {
	margin: 0 0 5px 0;
	color: #5D5223;
}


/*================================
	OFFICE DROPS
================================*/
body#sharelove.officedrop #colone {
	width: 500px;
}
body#sharelove.officedrop #coltwo {
	width: 415px;
}
body#sharelove.officedrop #colone p {
	width: 320px;
}
body#sharelove.officedrop #coltwo .emailpreview {
	width: 340px;
	padding: 150px 0 0 10px;
	background: url(../images/email/officedrop/preview/header.gif) no-repeat;
}
body#sharelove.officedrop #coltwo .emailpreview #rel-message {
	color: #ff6600;
}

/*================================
	EXTREMIST
================================*/
body#gallery #header {
	position: relative;
	width: 1000px;
	height: 373px;
}

body#gallery #header #pollposition {
	padding: 10px 10px 0 0;
	position: absolute;
	right: 20px;
	top: 34px;
	width: 350px;
}

body#gallery #header #pollposition p {
	margin: 0;
}

body#gallery #header #pollposition p.title,
body#gallery #header #pollposition p.by {
	font-size: 1.3em;
}

body#gallery #header #pollposition #flashwrapper {
	width: 350px;
	height: 260px;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	overflow: auto;
	background: #FFF;
	text-align: center;
}

body#gallery #header #pollposition #flashwrapper .textentry {
	margin: 0 20px;
	padding: 60px 30px 20px 30px;
	background: #000 url("../images/layout/bg_textentry.gif") no-repeat 10px 10px;
	text-align: left;
	min-height: 160px;
}

body#gallery #header #pollposition {
	font-size: 0.916em;
}

body#gallery #header #pollposition .item {
	float: none;
	width: auto;
	padding: 0;
	margin: 0;
}

body#gallery .sidecol {
	float: left;
	width: 350px;
	padding: 0 30px 0 0;
}

body#gallery .maincontent {
	margin: 0 0 0 395px;
}


#gallery .item {
	float: left;
	margin: 0 35px 0 0;
	width: 112px;
}

#gallery .item.last {
	margin-right: 0;
}

#gallery .item .media {
	margin: 0 0 15px 0;
	width: 100px;
	padding: 6px 6px 12px 6px;
	background: #FFF;
	text-align: center;
}

#gallery .item .media a {
	width: 100px;
	height: 75px;
	overflow: hidden;
	display: block;
}

#gallery .item .media img {
	width: 100px;
}

#gallery .item .media div.pos {
	padding: 3px 0;
	font-size: 1.166em;
	font-weight: bold;
	color: #F60;
	text-align: left;
}

#gallery .item p {
	font-size: 1.1em;
}

#gallery .item p.vote {
	height: 35px;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	line-height: 1em;
	font-size: 1.333em;
	background: url("../images/layout/bg_vote.gif") no-repeat 0 0;
}

#gallery .item a.vote,
#gallery #pollposition a.vote {
	display: block;
}

#gallery #pollposition .item p.vote,
#gallery #pollposition a.vote {
	float: right;
	width: 70px;
}

#gallery .item p.name {
	line-height: 1em;
	font-size: 1.166em;
}


body#gallery .maincontent .page-controls {
	float: left;
	width: 100%;
	font-size: 1.166em;
}

body#gallery .maincontent .page-controls .previous {
	float: left;
}

body#gallery .maincontent .page-controls .next {
	float: right;
}

body#gallery #table-rank {
	border-collapse: collapse;
}

body#gallery #table-rank thead th {
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.166em;
	background: url("../images/layout/horiz_dots_999.gif") repeat-x left bottom;
	color: #F60;
}

body#gallery #table-rank tbody td {
	padding: 4px 0;
}

body#gallery #table-rank tbody tr.odd td {
	background: #111;
}

body#gallery #table-rank .col-pos {
	width: 140px;
	text-align: center;
}

body#gallery #table-rank .col-name {
	width: 140px;
}

body#gallery #table-rank .col-title {
	width: 200px;
}

/*================================
	TERMS PAGE
================================*/

body#terms #content {
	width: 556px;
	padding-right: 400px;
}

/*================================
	BUY GU PAGE
================================*/
body#buy #colone {
	float: left;
	width: 385px;
	margin: 0 80px 0 0;
}

body#buy #coltwo {
	float: right;
	width: 330px;
	padding: 0 120px 0 0;
}

body#buy #mainbody {
	float: left;
	width: 330px;
}
.wheretobuy img {
	margin:2px 15px 2px 0;
}

.supermarketcol2{
	float:right;
}

/*GU SHOP*/
body#shop #shoplinks {
	text-align: right;
	overflow: hidden;
	width: 100%;
	margin: 0 0 50px 0;
}

body#shop #shoplinks a {
	color: #ccc;
}
body#shop #shoplinks a:hover {
	color: #f60;
}

body#shop #shoplinks ul {
	float: right;
	width: 355px;
}

body#shop #shoplinks ul li.first {
	border: none;
}

body#shop #shoplinks ul li {
	float: left;
	padding: 0 10px;
	border-left: 1px solid #ccc;
	list-style:none;
}

body#shop #colone {
	float: left;
	width: 600px;
}

body#shop #coltwo {
	float: right;
	width: 300px;
}

body#shop #colone form.product {
	display: inline;
	float: left;
	width: 180px;
	margin: 0 10px 10px 0;
}

body#shop #colone form.product img {
	border: 2px solid #ccc;
}

body#shop #colone form.product p {
	color: #f60;
}

body#shop #colone form.product p span {
	margin: 0 10px 0 0;
}

body#shop #coltwo #product-detail {
	width: 258px;
}

body#shop #coltwo #product-detail #main-image {
	border: 4px solid #f60;
}

body#shop #coltwo #product-detail #thumbs {
	float: right;
}
body#shop #coltwo #product-detail #thumbs img {
	border: 2px solid #f60;
}

body#shop #coltwo #product-detail p {
	clear: right;
}

/*================================
	EVENT PAGE
================================*/

body#col2Flash.event #colone {
	height:800px;
	background: url("../images/layout/samplingbag.jpg") no-repeat 0px 500px;
}

body#col2Flash.event .group{
	margin:0px;
}

body#col2Flash.event #colone ul.datelist {
	margin-bottom:10px;
}

body#col2Flash.event #colone ul.datelist li {
	margin-bottom:4px;
}

body#col2Flash.event h2 {
	margin-bottom:10px;
}