
#main-col {
	width:743px;
	background: url(../images/faskills-main-bg.gif) top left repeat #F00;
	float:left;
}

#fasHeader {
	width:743px;
	background: url(../images/faskills-header-bg.gif) top left no-repeat;
	padding-top: 85px;
}

#fasHeader h2#fasHomeHdr, #fasHeader h2#fasVidHdr, #fasHeader h2#fasSkillHdr, #fasHeader h2#fasMeetHdr,
#fasHeader h2#fasAskHdr, #fasHeader h2#fasLevelHdr, #fasHeader h2#fasFoodHdr, #fasHeader h2#fasVidArchHdr, 
#fasHeader h2#fasSkillArchHdr {
	margin: 0 0 0 15px;
	padding: 0;
	height: 75px;
}	
#fasHeader h2#fasHomeHdr { background: url(../images/faskills-hdr-skills-school.gif) top left no-repeat; }
#fasHeader h2#fasVidHdr { background: url(../images/faskills-hdr-this-skill.gif) top left no-repeat; }
#fasHeader h2#fasLevelHdr { background: url(../images/faskills-hdr-this-level.gif) top left no-repeat; }
#fasHeader h2#fasMeetHdr { background: url(../images/faskills-hdr-coach-meet.gif) top left no-repeat; }
#fasHeader h2#fasAskHdr { background: url(../images/faskills-hdr-coach-ask.gif) top left no-repeat; }
#fasHeader h2#fasFoodHdr { background: url(../images/faskills-hdr-food.gif) top left no-repeat; }
#fasHeader h2#fasVidArchHdr{ background: url(../images/faskills-hdr-video-archive.gif) top left no-repeat; }
#fasHeader h2#fasSkillArchHdr{ background: url(../images/faskills-hdr-skills-archive.gif) top left no-repeat; }

.faFullColWrapper {
	width: 728px;
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
}

.faTripleColWrapper {
	width: 712px;
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
}

.faDoubleColWrapper {
	width: 498px;
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
}

.faDoubleColVidWrapper {
	width: 471px;
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
}


.faSingleColWrapper {
	width: 198px;
	float: left;
	margin: 5px 0 0 15px;
	display: inline;
}
.faSingleColWrapperWide {
	width: 349px;
	float: left;
	margin: 0 0 15px 15px;
	display: inline;
}

.faLeaderPanel { margin-bottom: 15px; }

.faSinglePanelWrap { 
	float: left; 
	margin: 0 0 15px 16px; 
	display: inline;
}
.faTriplePanelWrap {
	float: left; 
	margin: 0 14px 15px 16px; 
	display: inline;
}
.first { margin-left: 0; }
.faDoublePanelWrap { margin-bottom: 15px; }

h3 { margin: 0; padding: 0; }
h3.faHdr498, h3.faHdr469 {	
	margin: 0;
	padding: 10px 18px;	
	color: #FFF;
}
h3.faHdr498 { background: url(../images/faskills-box-hdr-bg-498.gif) top left no-repeat; }
h3.faHdr469 { background: url(../images/faskills-box-hdr-bg-471.gif) top left no-repeat #015498; }

h3.faHdr198, h3.faHdr242, h3.faHdr713, h3.faFoodFaveHdr {
	margin: 0;
	padding: 10px 18px;
	color: #FFF;
}
h3.faHdr242 { 
	width: 205px; 
	background: url(../images/faskills-box-hdr-bg-242.gif) top left no-repeat;	
}
h3.faHdr198 {
	width: 162px;	
	background: url(../images/faskills-box-hdr-bg-198.gif) top left no-repeat;
}
h3.faHdr713 {
	width: 676px;	
	background: url(../images/faskills-box-hdr-bg-713.gif) top left no-repeat;
}
h3.faFoodFaveHdr {
	width: 678px;	
	background: url(../images/faskills-hdr-food-bg.gif) top left no-repeat;
	height: 25px;
	text-align: center;
}

a.faHdr198, a.faHdr231, a.faHdr242 {
	margin: 0;
	padding: 10px 18px;
	color: #FFF;
	font-size: 0.85em;
	display: block;
}
a.faHdr242 { 
	width: 205px; 
	background: url(../images/faskills-box-hdr-bg-242.gif) top left no-repeat;	
}
a.faHdr231 {
	width: 191px;	
	background: url(../images/faskills-box-hdr-bg-231.gif) top left no-repeat;
}
a.faHdr198 {
	width: 162px;	
	background: url(../images/faskills-box-hdr-bg-198.gif) top left no-repeat;
}
#main-col a.faHdr242, #main-col a.faHdr231, #main-col a.faHdr198 { text-decoration: none; }
#main-col a.faHdr242:hover, #main-col a.faHdr231:hover, #main-col a.faHdr198:hover {
	color: #FF0;
}

.faVidWrapper { border: 1px solid #FFF; }

.faPanelWrapper {
	border: 1px solid #FFF;
	background-color: #FF0;
	background-position: 0 0;
	background-repeat: no-repeat
}

.slimline {	width: 196px; }
.wide {	width: 239px; }
.mid {	width: 225px; }
.2col {	width: 349px; }

.wide p, .mid p { margin: 10px 10px 10px 120px; color: #000; }

.faLeaderPanel img { display: block }
.faLeaderPanel p { margin: 10px; color: #000; }

#hmLeader { height: 380px; }


/*-- THIS WEEK'S LEVEL ----------------------------------------------------------------------------------*/
.faLevelWrap, .faLevelWrap2010 {
	border: 1px solid #FFF;
	background: url(../images/faskills-level-bg.jpg) bottom left no-repeat #F6E937;
	width: 710px;
	height: 487px;
}
.faLevelWrap2010 { background-image: none;  height: 638px;}

.faLevelThumbs {
	float: left;
	width: 300px;
	background-color: #E31B15;
	padding: 7px 0 0 7px;
	height: 360px
}
.faLevelWrap2010, .faLevelWrap2010 .faLevelThumbs { background-color: #000; }
.faLevelWrap2010 .faLevelThumbs { width: 176px; height: 623px }
.faLevelThumbs img {
	float: left;
	border: 0;
	margin: 0 7px 7px 0;
}

.faLevelMain {
	float: left;
}
.faLevelMain img {
	border: 0;
}
.faLevelWrap2010 .faLevelMain img { padding: 7px 0 0 0; }

h3.faLevelMoreHdr {
	display: block;
	height: 52px;
	width: 714px;
	background: url(../images/faskills-level-more.gif) top left no-repeat #E31B15;
}

.faLevelArchiveWrap, .faLevelArchiveWrap2 {
	border: 1px solid #FFF;
	background-color: #F6E937;
	padding: 17px 0 0 17px;
}
.faLevelArchiveWrap2 { padding: 17px 0 0 0px; }

.faLevelArchiveWrap p {
	float: left;
	margin: 0 17px 17px 0;
}
.faLevelArchiveWrap2 p {
	float: left;
	margin: 0 3px 17px 0;
}

#main-col .faLevelArchiveWrap a {
	display: block;
	border: 5px solid #728933;
	width: 125px;
	height: 90px;
	background: url(../images/faskills-level-archive-bg.jpg) top left no-repeat #F6E937;
	text-align: center;
	padding: 21px 10px 0 10px;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	font-family: "Arial Black",Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
#main-col .faLevelArchiveWrap a:hover { color: #F6E937 }

#main-col .faLevelArchiveWrap2 a {
	display: block;
	width: 131px;
	height: 104px;
	background: url(../images/faskills-level-archive2-bg.jpg) top left no-repeat #F6E937;
	text-align: center;
	padding: 21px 10px 0 60px;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	font-family: "Arial Black",Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
}
#main-col .faLevelArchiveWrap2 a:hover { color: #F6E937 }

#main-col .faLevelArchiveWrap2 p.faLevelMore a {
	margin: 0;
}
#main-col .faLevelArchiveWrap2 p.faLevelMore a {
	display: block;
	border: 0;
	width: 47px;
	height: 120px;
	padding: 0;
}
#main-col .faLevelArchiveWrap2 p#faLevelMorePrev a {
	background: url(../images/faskills-level-left.gif) 0 5px no-repeat #F6E937;
}
#main-col .faLevelArchiveWrap2 p#faLevelMoreNext a {
	background: url(../images/faskills-level-right.gif) 0 5px no-repeat #F6E937;
}
#main-col .faLevelArchiveWrap2 p#faLevelMorePrev a:hover,
#main-col .faLevelArchiveWrap2 p#faLevelMoreNext a:hover { background-position: 0 -145px; }


/* VID/SKILL NAV ---------------------------------------------------------- */
#wcGalleryNav { margin: 0 0 20px 0; }
#wcGalleryNav h3 {
	height: 51px;
	margin: 0;
	padding: 0;	
}
#wcGalleryNav h3#wcMovieNavHdr { background: url(../images/faskills-vid-nav-hdr.gif) 0 0 no-repeat; }
#wcGalleryNav h3#wcSkillNavHdr { background: url(../images/faskills-skill-nav-hdr.gif) 0 0 no-repeat; }
#wcGalleryNav h3#wcGalleryNavHdr { background: url(../images/wc-gallery-nav-hdr.gif) 0 0 no-repeat; height: 49px; }

#wcMovieLinkContent {
	height: 184px;
	margin: 0;
	padding: 0;
	background: url(../images/faskills-vid-nav-body.gif) 0 0 no-repeat;
}
#wcGalleryLinkContent {
	height: 151px;
	background: url(../images/wc-gallery-nav.gif) 0 0 no-repeat;
}

#galleryNavLinks {
	background-color: #FFF;
	padding: 0;
	height: 132px;
	margin: 5px 0 0 0;
	width: 600px;
	float: left; 
}
#galleryNavLinks .linkWrap {
	float: left; 
	width: 149px;
}
#galleryNavLinks a.img {
	display: block;
	width: 145px;
	height: 124px;
	padding: 4px 0 4px 4px;
}
#galleryNavLinks img { 
	border: 0; 
	margin: 0; 
	padding: 0;
	display: block;
} 
#galleryNavLinks h4 {
	margin: 0;
	padding: 2px 5px;
	background-color: #000;
	width: 139px;
	height: 32px;
	text-align: center;
}
#galleryNavLinks h4.last { width: 143px; }
#galleryNavLinks h4 a {
	color: #FFF;
	text-decoration: none;
}
#galleryNavLinks h4 a:hover { color: #FF0; }

.wcGalleryLinks .pageNav a {
	float: left; 
	display: block;
	width: 56px;
	height: 85px;
	margin-top: 28px;
}
#wcMovieLinkContent .pageNav a:hover.left { background: url(../images/faskills-vid-nav-body-ov.gif) 0 -30px no-repeat; }
#wcMovieLinkContent .pageNav a:hover.right { background: url(../images/faskills-vid-nav-body-ov.gif) -656px -30px no-repeat; }

#wcGalleryLinkContent .pageNav a.left { 
	background: url(../images/wc-gallery-nav-lov.gif) 60px 0 no-repeat; 
	margin-right: 2px;
}
#wcGalleryLinkContent .pageNav a:hover.left { background: url(../images/wc-gallery-nav-lov.gif) 1px 2px no-repeat; }
#wcGalleryLinkContent .pageNav a.right { background: url(../images/wc-gallery-nav-rov.gif) 60px 0 no-repeat; }
#wcGalleryLinkContent .pageNav a:hover.right { background: url(../images/wc-gallery-nav-rov.gif) 1px 2px no-repeat; }


/*-- MEET THE COACHES -----------------------------------------------------------------------------------*/
h3.faCoachGroupHdr, h3.faCoachSpencerHdr, h3.faCoachMatthewHdr, h3.faCoachAlanHdr, h3.faCoachJennaHdr,
h3.faCoachSallyHdr, h3.faCoachEduardoHdr, h3.faCoachSteveHdr, h3.faCoachPaulHdr,
h3.faCoachAskHdr {	
	margin: 0;
	height: 45px;
	width: 714px;	
	color: #FFF;
}
h3.faCoachGroupHdr { background: url(../images/faskills-hdr-coaches.gif) top left no-repeat #015498; }
h3.faCoachSpencerHdr { background: url(../images/faskills-hdr-coaches-spence.gif) top left no-repeat; }
h3.faCoachMatthewHdr { background: url(../images/faskills-hdr-coaches-matthe.gif) top left no-repeat; }
h3.faCoachJennaHdr { background: url(../images/faskills-hdr-coaches-jenna.gif) top left no-repeat; }
h3.faCoachAlanHdr { background: url(../images/faskills-hdr-coaches-alan.gif) top left no-repeat; }
h3.faCoachSallyHdr { background: url(../images/faskills-hdr-coaches-sally.gif) top left no-repeat; }
h3.faCoachEduardoHdr { background: url(../images/faskills-hdr-coaches-eduar.gif) top left no-repeat; }
h3.faCoachSteveHdr { background: url(../images/faskills-hdr-coaches-steve.gif) top left no-repeat; }
h3.faCoachPaulHdr { background: url(../images/faskills-hdr-coaches-paul.gif) top left no-repeat; }
h3.faCoachAskHdr { background: url(../images/faskills-hdr-coaches-ask2.gif) top left no-repeat; }

#faCoachGroup {
	border: 1px solid #FFF;
	height: 427px;
	background: url(../images/faskills-coach-group.jpg) top left no-repeat;
	/* IE7 Fix - 27/08/09 */
	width: 712px;
}

.faCoachInfo {  
	border: 1px solid #FFF;
	background-color: #FF0;	
	padding: 15px 10px 10px 200px; 
	height: 160px;
	/* IE7 Fix - 27/08/09 */
	width: 502px;
}
#faCoachSpencer { background: url(../images/faskills-coach-spencer.jpg) top left no-repeat #FF0; }
#faCoachMatthew { background: url(../images/faskills-coach-matthew.jpg) top left no-repeat #FF0; }
#faCoachJenna { background: url(../images/faskills-coach-jenna.jpg) top left no-repeat #FF0; }
#faCoachAlan { background: url(../images/faskills-coach-alan.jpg) top left no-repeat #FF0; }
#faCoachSally { background: url(../images/faskills-coach-sally.jpg) top left no-repeat #FF0; }
#faCoachEduardo { background: url(../images/faskills-coach-eduardo.jpg) top left no-repeat #FF0; }
#faCoachSteve { background: url(../images/faskills-coach-steve.jpg) top left no-repeat #FF0; }
#faCoachPaul { background: url(../images/faskills-coach-paul.jpg) top left no-repeat #FF0; }


.faCoachInfo p {
	margin: 4px;
	padding: 0;
	color: #000;
}
.faCoachInfo strong {
	color: #900;
	font-weight: bold;
}
.faLinkAsk, .faLinkVidArchive, .faLinkSkillArchive {
	display: block;
	height: 52px;
	width: 714px;
}
.faLinkAsk { background: url(../images/faskills-qa-click.gif) top left no-repeat; }
/*.faLinkVidArchive { background: url(../images/faskills-vids-click.gif) top left no-repeat #649503; }*/
.faLinkVidArchive { background: url(../images/faskills-vids-archive.gif) top left no-repeat ; }
.faLinkSkillArchive { background: url(../images/faskills-skill-archive.gif) top left no-repeat ; }

h3.faCoachAskHdrRed, h3.faCoachAskHdrYellow, h3.faCoachAskHdrBlue, h3.faCoachAskHdrGreen {
	margin: 0;
	padding: 10px 18px;
	width: 313px;	
	color: #FFF;
}
/*
h3.faCoachAskHdrRed { background: url(../images/faskills-hdr-ask-red.gif) top left no-repeat #D61F28; } 
h3.faCoachAskHdrYellow { background: url(../images/faskills-hdr-ask-yellow.gif) top left no-repeat #FFED00; color: #D61F28; } 
h3.faCoachAskHdrBlue { background: url(../images/faskills-hdr-ask-blue.gif) top left no-repeat #015498; } 
h3.faCoachAskHdrGreen { background: url(../images/faskills-hdr-ask-green.gif) top left no-repeat #649503; }
*/
h3.faCoachAskHdrRed, h3.faCoachAskHdrYellow, h3.faCoachAskHdrBlue,
h3.faCoachAskHdrGreen { background: url(../images/faskills-hdr-ask-red.gif) top left no-repeat; background-color: none; } 

p.faAskQ, div.faAskA {
	margin: 10px;
	padding: 0 0 1px 0;
	color: #000;
}
div.faSteve { background: url(../images/faskills-coach-says-steve.gif) 100px top no-repeat #FFF; }
div.faSally { background: url(../images/faskills-coach-says-sally.gif) 100px top no-repeat #FFF; }
div.faJenna { background: url(../images/faskills-coach-says-jenna.gif) 100px top no-repeat #FFF; }
div.faEduardo { background: url(../images/faskills-coach-says-eduardo.gif) 100px top no-repeat #FFF; }
div.faAlan { background: url(../images/faskills-coach-says-alan.gif) 100px top no-repeat #FFF; }
div.faPaul { background: url(../images/faskills-coach-says-paul.gif) 100px top no-repeat #FFF; }
div.faMatt { background: url(../images/faskills-coach-says-matt.gif) 100px top no-repeat #FFF; }
div.faSpencer { background: url(../images/faskills-coach-says-spencer.gif) 100px top no-repeat #FFF; }

.faAskA p.imgCoach {
	margin: 0;
	padding: 0;
	float: left;
	width: 100px;
	height: 125px;
}
.faAskA p.answer {
	padding: 55px 10px 10px 10px; 
}

.moreQuestions {
	height: 52px;
	width: 714px;
	background: url(../images/faskills-ask-more.gif) top left no-repeat #649503;
	text-align: right;
}
.moreQuestions ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 514px;
}
.moreQuestions li {
	display: inline;
	width: 30px;
}

/*-- ASK A COACH FORM -----------------------------------------------------------------------------------*/
.faAskForm {
	background: url(../images/comp-grag-bg.gif) repeat-x #C40109;
	padding: 15px 0;
	border: 1px solid #FFF;
}

.faAskForm .left-col {
	width:428px;
	float:left;
}

.faAskForm .right-col {
	width:190px;
	float:right;
}

.faAskForm .formrow1 {
	width:428px;
	float:left;
	margin:4px 0;
}

.faAskForm .formrow1 p { padding-left: 20px; }

.faAskForm .formrow2 {
	width:170px;
	float:left;
	margin:4px 0;
}

.faAskForm label {
	float:left;
	width:138px;
	font-size:13px;
	color:#FFF;
	padding:4px 0 0 20px;
}
.faAskForm input, .faAskForm textarea, .faAskForm select.standard {
	float:left;
	width:240px;
}

.faAskForm #mobLabel, .faAskForm #yobLabel, .faAskForm #submitLabel { 
	text-indent: -1000em; 
	width:0; 
	height:0; 
	margin:-20px 0 0 0;
	padding:0;
} 

.faAskForm input#rec_email, .faAskForm input#rec_txt, .faAskForm input#con_guard { 
	width:20px;
	float:left;
}

.faAskForm .formrow2 p {
	font-size:13px;
	color:#FFF;
	margin:0; padding:0 0 10px 30px;
}

.faAskForm .formrow2 label {
	width:120px;
	float:left;
	font-size:10px;
	color:#FFF;
	margin:0; padding:0 0 0 5px;
}

.faAskForm input#submit { 
	width:100px;
	margin: 4px 0 0 158px;
	float:left;
	display:inline;
}

.faAskForm .asterisk { color:#ffec01;}


/*-- FOOTY FOOD -----------------------------------------------------------------------------------------*/
.faFoodPicBlue, .faFoodPicRed, .faFoodPicGreen, .faFoodPicYellow {
	float: left;
	width: 150px;
}
.faFoodPicBlue img { border: 15px solid #015498; }
.faFoodPicRed img { border: 15px solid  #D61F28; }
.faFoodPicGreen img { border: 15px solid #649503; }
.faFoodPicYellow img { border: 15px solid #FFED00; }
.faFoodBlurb { margin: 15px 15px 15px 165px; color: #000 }


/* REGISTER -------------------------------------------------------------------------------------------- */
#loginform ul {
	padding-top: 20px;
}

#loginform ul li input.email {
	width: 160px;
	float: left;
	margin: 0 2px 5px 6px;
	display: inline;
}

#loginform ul li select.ddDay, #loginform ul li select.ddMonth, #loginform ul li select.ddYear {	
	float:left;
	margin: 0 2px 5px 4px;
	display:inline;
}
#loginform ul li select.ddDay { width: 45px; }
#loginform ul li select.ddMonth { width: 60px; }
#loginform ul li select.ddYear { width: 50px; }

/*-- FOOTER ---------------------------------------------------------------------------------------------*/
.faFooter {
	clear: both;
	position: relative;
	width: 743px;
	margin: 0;
	background: url(../images/faskills-footer-bg.gif) top left repeat-y #0AA0C5;
}
	
#faLegal {
	margin: 0 0 0 5px;
	padding: 42px 0 6px 0;
	list-style-type: none;
}	
#faLegal li {
	display: inline;
	margin-right: 3px;
	color: #FFF;
	font-size:10px;
}
#faLegal li a { text-decoration:none; color: #FFF; }
#faLegal li a:hover { text-decoration:none; color:#bbb; }
#faLegal li#faTesco {
	position: absolute;
	top: 5px;
	left: 615px;
}
#faLegal li#faTesco a {
	display: block;
	background: url(../images/faskills-tesco-shield.gif) 0 0 no-repeat;
	width: 125px;
	height: 55px;
}
 