@import url("http://www.fatbeehive.com/beekeeper2/reset.css");
@import url("type.css");

/* Education for Health - Major page elements in here - tim@fb */

/******

Main colours: 

Brand Blue: #0069AA
Brand Orange: #F78F1E
Brand Red: #E31937
Brand Grey: #455560

Body text 'Rich black': #404040



******/


#wrapper {
	width: 944px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: left;
	color: #404040;
	background: #fff;
}


/* @group Header content blocks */

#header {
	float: left;
	height: 155px;
	width: 944px;
	background: url(/images/bg_header_tile.gif) 0 0 repeat-x;
}

#branding_header {
	float: left;
	width: 264px;
	height: 121px;
	margin: 14px 0 0 4px;
}


#wrapper_topnav {
	float: left;
	clear: none;
	width: 413px;
    margin: 29px 0 0 85px;
    position: relative;
}

/* @end */

/* @group Main/Top Nav */


ul.topnav {
	list-style-type: none;
	margin: 0 0 0 -5px;
	float: left;
	width: 220px;
	padding: 0;
	line-height: 20px;
	/*background: url(/images/bg_sprite-main.gif) 0 0 no-repeat;*/
}

ul.topnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: 'AdelleBasicBold';
	letter-spacing: 0.0222em;

}

ul#ul-left {width:  189px;}

/* @end */

/* @group Sec Nav */

#wrapper_secnav {
	float: right;
	clear: none;
	width: 177px;
    margin: 10px 0 0 0;
    font-size: 0.8461em; /* 11px */
}


ul.secnav {
	list-style-type: none;
	margin: 15px 0 0 0;
	float: left;
	padding: 0;
	width: 143px;
	line-height: 15px;
}

ul.secnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* @end */

#sec-left {
	float: left;
	width: 87px;
}

#sec-right {
	float: right;
	clear: none;
	width: 75px;
}


/* @group Standard Search box */


#wrapper_search {
	float: right;
	padding: 0;
	margin: 12px 0 16px 0;
	width: 180px;
	height: 24px;
	border: none;
}

#searchform fieldset {
	border: none;
	width: 180px;
	padding: 0;
	overflow: hidden;
	margin: 0;
}

#searchform fieldset input#s {
	border: none;
	padding: 7px 28px 15px 6px;
	color: #999;
	float: left;
	width: 148px;
	background: url(/images/bg_search.gif) 0 0 no-repeat;
}

#searchform fieldset input.btn {
	width: 20px;
	border: none;
	margin: -32px 4px 0 0;
	float: right;
	clear: none;
	height: 0;
	display: block;
	overflow: hidden;
	padding: 20px 0 0 0;
	position: relative;
	z-index: 20;
	background: url(/images/icon_search.gif) no-repeat;
	cursor: pointer;
	text-indent: -5000em;
}

label#sitesearcher {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 0;
}

/* @end */

/* @group Main layout blocks */


body#index #row_content_one {
	float: left;
	width: 944px;
	padding: 0;
	background: url(/images/bg_row_one.gif) 0 0 no-repeat;
	height: 203px;
}

#row_content_one {
	float: left;
	width: 944px;
	padding: 0 0 35px 0;
	background: url(/images/shadow_tile.gif) 0 0 repeat-x;
	height: auto;
}

body#index #row_content_two {
	float: left;
	width: 944px;
	padding: 0;
	height: auto;
	display: block;
	margin: 18px 0 25px 0;
}

#row_content_two {display: none;}


body#index .content_left {
	float: left;
	width: 765px;
	padding: 0;
	background: none;
}

.content_left {
	float: left;
	width: 765px;
	padding: 25px 0 0 0;
	background: none;
}



body#index #row_content_two .content_left {
	float: left;
	width: 518px;
	padding: 0;
}

body#index .content_right {
	float: right;
	width: 178px;
	padding: 0;
	background: none;
}

.content_right {
	float: right;
	width: 178px;
	padding: 0;
	background: url(/images/bg_row_one_content.gif) 0 0 no-repeat;

}

body#index .rightcol {
	float: right;
	width: 155px;
	padding: 10px 10px 0 10px;
	margin: 0;
}

.rightcol {
	float: right;
	width: 155px;
	height: 203px;
	padding: 10px 10px 0 10px;
	margin: 0;
}

.leftcol {
	float: left;
	width: 500px;
	height: auto;
	margin: 0;
}

body#index .leftcol {
	float: left;
	width: 530px;
	height: 203px;
	margin: 0;
}


body#index .midcol {
	float: right;
	clear: none;
    width: 212px;
    padding: 10px;
	margin: 0;
}

.midcol {
	float: right;
	clear: none;
	width: 220px;
	margin: 0 15px 0 0;
	padding: 0;
}

body#index #row_content_two .midcol {
	float: left;
	clear: none;
	width: 232px;
	margin: 10px 0 0 0;
	padding: 0;
}

body#index #row_content_two .content_right {
	float: right;
	width: 413px;
	padding: 0;
}

#featured {
	float: right;
	width: 408px;
	border: 1px solid #f2f2f2;
	padding: 3px 3px 5px 0;
	margin: 0 0 15px 0;
}

#feat-left {
	float: left;
	width: 160px;
	padding: 10px 8px 10px 8px;
}


#plug {
	float: left;
	width: 218px;
	height: 94px;
	margin: 7px 0 10px 0;
}

#focus-img {
	width: 284px;
	float: left;
	clear: none;
	height: 203px;
}

/* @end */

/* @group 'barebones' ul and li reset */

/* @group Home page lists in messaging row */

ul#shortcuts {
	font-size: 1.1538em;
	font-weight: bold;
	
}

ul#focus {
	font-size: 1.1538em;
	font-weight: bold;
	float: right;
	clear: right;
	width: 238px;
	margin: 0 0 10px 0;
}


/* @end */

ul.barebones {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.barebones li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* @end */


/* @group Rightcol button wraps */

.button-wrap {
	float: right;
	clear: right;
	width: 177px;
	margin: 0 0 2px 0;
}

/* @end */

/* @group News list */

ul.news {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: right;
	display: inline;
	width: 386px;
	overflow: visible;
	position: relative;
	z-index: 1;
}

ul.news li {
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}

.outdent-left {
	float: left;
	clear: left;
	display: inline;
	overflow: hidden;
	position: relative;
/*	width: 115px; */
	margin: 5px 0 4px -134px;
	border: 1px solid #EFEFEF;
    padding: 2px !important;
/*    height: 69px; */

}

/* @end */

/* @group Sticky Footer css from http://www.cssstickyfooter.com - with thanks!  */

html, body, #wrapper {
	height: 100%;
}

body > #wrapper {
	height: auto;
	min-height: 100%;
}

#content {
	clear: both;
	overflow: auto; /* this is crucial for IE and Safrai */
	padding-bottom: 260px;/* must be same height as the footer */
}



#stickyfooter {
	position: relative;
	margin-top: -260px; /* negative value of footer height */
	height: 260px; /* actual height of the footer */
	clear: both;
	width: 944px;
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	background: #0069AA url(/images/bg_footer_tile.gif) 0 38px repeat-x;
	text-align: left;
	padding: 0;
	font-size: 1.1em;
}

#footer_inner {
	padding: 15px 20px 0 20px;
	float: left;
	height: 207px;
	width: 904px;
	position: relative;
	color: #fff !important;
	background: url(/images/bg_footer_texture.gif) 370px 0 no-repeat;
}

#footer_cols_left_wrap {
	float: left;
	width: 752px;
}


#footer-supp {
	float: left;
	clear: both;
	height: 34px;
	width: 904px;
	padding: 40px 0 0 0;
	background: url(/images/icons_prtnrs_bg.gif) bottom right no-repeat;
}

#col_footer_one {
	float: left;
	clear: none;
	width: 132px;
	padding: 11px 0 0 0;
	display: inline;
}

#col_footer_two {
	float: left;
	clear: none;
	width: 130px;
	padding: 11px 0 0 0;
	display: inline;
}

#col_footer_three {
	float: left;
	clear: none;
	width: 110px;
	padding: 11px 0 0 0;
	display: inline;
}

#col_footer_four {
	float: left;
	clear: none;
	width: 130px;
	padding: 11px 0 0 0;
	display: inline;
}

#col_footer_five {
	float: left;
	clear: none;
	width: 190px;
	padding: 38px 0 0 0;
}

#secbranding {
	float: right;
    width: 180px;
	height: 30px;
	margin-top: 9px;
}


#col_footer_one ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 16px;
}

#col_footer_one ul li, #col_footer_two ul li, #col_footer_three ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	
}

#col_footer_two ul, #col_footer_three ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


/* @end */

/* @group Subnav */


ul#subnav {
	background: none;
	font-size: 1.1538em;
	color: #000;
	list-style-type: none;
	margin: 19px 0 15px 0;
	padding: 0 5px 25px 10px;
	line-height: 17px;
	background: url(/images/subnav_tile.gif) bottom left repeat-x;
}

ul#subnav li {
	list-style-type: none;
	margin: 0;
	padding: 5px 0;
}

ul#subnav li ul li {
	padding: 5px 0 0 18px;
}

ul#subnav li ul {
	margin: 7px 0 0 0;

}

/* @end */

/* @group various classes */

.flleft {float: left;}

.flright {float: right;}

.clearing {clear: both;}

.block {display: block;}

#forcyn {text-indent: -5000px;}


#col_puff_one {
	float: right;
	width: 221px;
}

#puff_one {
	float: right;
	width: 221px;
	height: 241px;
	background: url(/images/puff_courses.gif) 0 0 no-repeat;
}

#puff_two {
	float: right;
	width: 221px;
	height: 241px;
	background: url(/images/puff_products.gif) 0 0 no-repeat;
}
/* @end */

/* @group Messaging widget */

#seefirst-widget {
	float: left;
	position: relative;
	overflow: hidden;
    height: 203px;
    margin: 0;
    width: 530px;
}

#seefirst-widget-slider {
	width: 520px;
	height: 203px;
	overflow: hidden;
}

.widget-inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 203px;
	width: 515px;
}

.widget-inner img {position: absolute;}

#img-one {z-index: 100;}
#img-two {z-index: 50;}
#img-three {z-index: 20;}


ul#shortcuts {
	font-size: 1.1538em;
	font-weight: bold;
	
}

ul#focus {
	font-size: 1.1538em;
	font-weight: bold;
	float: right;
	clear: right;
	width: 238px;
}

/* @end */

/**** TGC Additional styles edit 2.6.2011 ****/

/**** Image viewer in mid col on content pages ****/

#img-viewer {
	float: left;
	width: 220px;
	background: url(/images/bg_img-viewer.gif) 0 0 no-repeat;
	min-height: 274px;
	height: auto !important;
	position: relative;

}

#team_members_slide {
    margin: 0;
    padding: 0;
}

.team_members_nav {
    position: absolute;
    width: 220px;
    height: 28px;
    top:25px;
    left: 0;
}

#team_members_prev {
    display: block;
    overflow: hidden;
    padding-top: 28px;
    width: 28px;
    height: 0;
    background: url(/images/viewer_btn_prev.gif) 0 0 no-repeat;
    position: absolute;
    left: 10px;
    z-index: 25;
}

#team_members_next {
    display: block;
    overflow: hidden;
    padding-top: 28px;
    width: 28px;
    height: 0;    background: url(/images/viewer_btn_next.gif) 0 0 no-repeat;
    position: absolute;
    right: 10px;
    z-index: 25;
    
}

#team_members_slide .team_members_img {
    text-align: center;
    width: 220px;
    float: left;
    margin: 25px 0 12px 0;
}

#team_members_slide img {
    border: 1px solid #EFEFEF;
    margin: 0 auto;
   	overflow: hidden;
    padding: 2px !important;
    position: relative;
    
}

#team_members_slide blockquote blockquote blockquote p {text-align: center;}

#team_members_slide blockquote blockquote blockquote p span {color: #0069AA;}




/**** end Image viewer in mid col on content pages ****/

/*** Shopfront ***/

#loginbox {clear: left;}

#userlogin {
    background: #eeeeed;
    -moz-border-radius: 4px 4px 4px 4px;
   	-webkit-border-radius: 4px 4px 4px 4px;
    color: #000;
    float: left;
    clear: left;
    font-size: 0.916em;
    height: 155px;
    padding: 11px;
    width: 197px;
    margin-bottom: 16px;
}

#loginbox label, #loginbox input {margin-top: 3px;}

input#btn_login {margin-top: 10px;}

#nav-shop {
	list-style-type: none;
	float: left;
	width: 300px;
	margin: 0;
	padding: 0;
}

#nav-shop li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}

#nav-shop li a {
	font-family: 'AdelleBasicBold';
    letter-spacing: 0.0222em;
    list-style-type: none;
    font-weight: normal;
    font-size: 1.23077em;
    color: #404040;
    padding: 4px;
    -moz-border-radius: 3px 3px 3px 3px;
   	-webkit-border-radius: 3px 3px 3px 3px;
   	background: #fff;

}

body#shopfront #shopfront-puff {
	float: left;
	width: 468px;
	padding: 16px;
	height: 240px;
	margin: 18px 0 18px 0;
	background: url(../images/bg_shopfront.jpg) 0 0 no-repeat;
   /* -moz-border-radius: 4px 4px 4px 4px;
   	-webkit-border-radius: 4px 4px 4px 4px;*/
}

#shopfront-puff {
	float: left;
	width: 468px;
	padding: 16px;
	height: 30px;
	background: url(../images/bg_shopfront_sub.jpg) 0 0 no-repeat;
	margin: 18px 0 18px 0;
    /*-moz-border-radius: 4px 4px 4px 4px;
   	-webkit-border-radius: 4px 4px 4px 4px;*/
}



/*** /Shopfront ***/

/*** Members login ***/

#basket {
   	background: #d9e8f2;
   	-moz-border-radius: 4px 4px 4px 4px;
   	-webkit-border-radius: 4px 4px 4px 4px;
    color: #000;
    float: left;
   	margin-bottom: 16px;
    padding: 11px;
    width: 197px;
}


.sub-midcol-h3 {
    color: #0069AA;
    padding: 0 !important;
    margin-bottom: 4px !important;
}

#basket p {margin-bottom:  2px;}


/*** /Members login ***/





/*** end ****/


/* end main.css */