#tBreakNav {
	/*background-image:url(images/tea_break_slices/nav_backg.gif);*/
	background:url(images/tea_break_slices/nav_backg.gif) top left no-repeat; /*New*/
}
#tBreakNav img {margin-left:15px; margin-top:10px;}/*New*/

body {
	background: #FFFFFF url(images/bg-main.jpg) repeat-y center top;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font: 76% Arial, Helvetica, sans-serif;
}
#header {
	background: url(images/header-main.jpg) no-repeat center;
	height: 310px;
	margin-right: auto;
	margin-left: auto;
	min-width: 700px;
}
h1, h2, h3 {
	color: #FFDE00;
	margin-bottom: 0px;
	text-transform: uppercase;
	font-family: Impact, "Arial narrow", Arial, Helvetica, sans-serif;
	font-weight: normal;
}
a {
	font-weight: bold;
	color: #FFDE00;
	text-decoration: none;
}
a:hover {
	font-weight: bold;
	color: #75BF00;
	text-decoration: none;
	cursor: pointer;
}
#mainNav {
	font-size: 90%;
	display: block;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
	text-align: left;
	width: 700px;
	position: relative;
	top: 245px;
}
#mainNav li {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
}

#mainNav li a {
	display: block;
	position: relative;
	margin-right: 22px;

}
/* .homeLove #mainNav li a {
	margin-right: 32px;

}*/
#mainNav #navHome {	
	z-index: 10;
}
#mainNav #navHome a {
	position: absolute;
	top: -150px;
	left: 0px;
	height: 126px;
	width: 224px;
	margin-right: 0;
}
#mainNav #navHome a span {
	background: url(images/logo_main.gif) no-repeat left top;
}
#mainNav #navHome a:hover span {
	background-position: left -126px;
}
#mainNav li a span {
	height: 100%;
	width: 113%;
	position: absolute;
}
#mainNav #nav1 a {
	height: 50px;
	width: 113px;
}
#mainNav #nav1 a span {
	background-image: url(images/nav1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav1 a:hover span {
	background-position: left -50px;
}
#mainNav #nav2 a {
	height: 50px;
	width: 90px;
}
#mainNav #nav2 a span {
	background: url(images/nav2.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav2 a:hover span {
	background-position: left -50px;
}
#mainNav #nav3 a {
	height: 50px;
	width: 95px;
}
#mainNav #nav3 a span {
	background: url(images/nav3.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav3 a:hover span {
	background-position: left -50px;
}
#mainNav #nav4 a {
	height: 50px;
	width: 88px;
}
#mainNav #nav4 a span {
	background: url(images/nav4.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav4 a:hover span {
	background-position: left -50px;
}
#mainNav #nav5 a {
	
	height: 50px;
	width: 125px;
}
#mainNav #nav5 a span {
	background: url(images/nav5.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav5 a:hover span {
	background-position: left -50px;
}
#mainNav #navCaff a {
	height: 50px;
	width: 96px;
}
#mainNav #navCaff a span {
	background: url(images/nav-caff-0.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #navCaff a:hover span {
	background-position: left -50px;
}
#mainNav #navTeaRoom a {
	height: 50px;
	width: 102px;
}
#mainNav #navTeaRoom a span {
	background: url(images/nav-tearoom-0.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #navTeaRoom a:hover span {
	background-position: left -50px;
}
#mainNav #nav6 a {
	height: 50px;
	width: 66px;
	margin-right: 0;
}
#mainNav #nav6 a span {
	background: url(images/nav6.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #nav6 a:hover span {
	background-position: left -50px;
}

#mainNav #navFMB {	
	z-index: 10;
}
#mainNav #navFMB a {
	position: absolute;
	top: -110px;
	right: 5px;
	height: 56px;
	width: 138px;
	margin-right: 0;
}
#mainNav #navFMB a span {
	background: url(images/nav-fmb-0.gif) no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}
#mainNav #navFMB a:hover span {
	background-position: left top;
	cursor:default;
}
#subNav {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 232px;
	position: absolute;
	top: 30px;
	right: -30px;
}
#subNav li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 10px;
}
.homeLove #subNav li {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style: none;
	margin-bottom: 0px;
}
#subNav li a {
	display: block;
	position: relative;
	background-color:#000000;
}
#subNav li a span {
	height: 100%;
	width: 100%;
	position: absolute;
}
#subNav #navCalamaties a {
	height: 123px;
	width: 231px;
}
#subNav #navCalamaties a span {
	background: url(images/builder-b-clips.gif) no-repeat;
}
#subNav #navSendDiy a {
	height: 167px;
	width: 231px;
}
#subNav #navSendDiy a span {
	background: url(images/builder-b-diy.gif) no-repeat;
}
#subNav #navVanStickers a {
	height: 98px;
	width: 231px;
}
#subNav #navVanStickers a span {
	background: url(images/builder-b-van.gif) no-repeat;
}
#subNav #navTips a {
	height: 112px;
	width: 236px;
}
#subNav #navTips a span {
	background: url(images/lover-b-tips.gif) no-repeat;
}
#subNav #navGallery a {
	height: 165px;
	width: 236px;
}
#subNav #navGallery a span {
	background: url(images/lover-b-gallery.gif) no-repeat;
}
#subNav #navMugs a {
	height: 114px;
	width: 236px;
}
#subNav #navMugs a span {
	background: url(images/lover-b-mug.gif) no-repeat;
}
.mainNav2 {
	position: absolute;
	width: 270px;
	top: 40px;
	left: 0px;
}
.navList {
	margin: 10px 0px 0px;
	padding: 0px;
	list-style: none;
}
.navList li {
	margin: 0px;
	padding: 0px;
}
.navList li a {
	color: #75BF00;
	text-transform: uppercase;
	background: url(images/leaf-small.gif) no-repeat left top;
	margin: 0px;
	padding: 0px 0px 0px 24px;
}
.navList li a:hover {
	color: #FFDE00;
}
.navL  a {
	color: #75BF00;
	text-transform: uppercase;
}
.navL a:hover {
	color: #FFDE00;
}
.homeBuilder #content {
	background: #000000 url(images/builder-john.jpg) no-repeat 230px bottom;
	height: 46em;
}
.homeLove #content {
	background: #000000 url(images/lover-sue.jpg) no-repeat 240px 15px;
	height: 34em;
}
#content {
	text-align: left;
	width:700px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	position: relative;
}
#content p {
	font-size: 1.2em;
}
#content p.homeIntro {
	width: 220px;
	font-size: 1.2em;
	margin-top: 30px;
}

#bossLooking {
	width:320px;
	text-align:center;
	float:right;
	position:absolute;
	top:0;
	right:5px;
	padding:3px 10px 5px 10px;
	background:#000000 url(images/bossbg2.gif) bottom center no-repeat;
} 
#bossLooking a {
color:#fff;
display:block;
width:100%;
text-transform:uppercase;
}

#bossLooking a:hover {
/*color:#9AC019;*/
color:#000;
}

body.lookingb div {
padding:0;
margin:0;
}

body.lookingb div a {
color:#ffffff;
}


#mainCopy {
	padding-bottom: 60px;
	margin-left: 280px;
	margin-top: 14px;
}
#mainCopyLeft {
	padding-bottom: 60px;
	margin-top: 14px;
	width: 400px;
	margin-left: 0px;
}
#mainCopyLeft ul.nobuls {list-style:none; margin-left:0; padding-left:0;}
.slim#mainCopy {
	width: 420px;
}
.narrow#mainCopy {
	width: 350px;
	margin-left: 0px;
}

.wide#mainCopy {
	width: 650px;
	margin-left: 0px;
}
.product img {
	float: left;
	margin-left: -170px;
}

#mainCopy li {
	font-size: 1.2em;
	margin-bottom: 6px;
}
#mainCopy p {
	margin-bottom: 0px;
	margin-top: 10px;
}
#mainCopy .leftCol {
	float: left;
	width: 280px;
}
#mainCopy .rightCol {
	float: left;
	width: 280px;
	margin-left: 70px;
}
.gallery {
	position: absolute;
	width: 700px;
	left: 30px;
	top: 210px;
}
.clearBoth {
	clear: both;
}
.bodyPic1 {
	position: absolute;
	z-index: 20;
	right: 20px;
	top: 120px;
}
.bodyPic3 {
	position: absolute;
	left: 0px;
	top: 120px;
}
.bodyPic4 {
	position: absolute;
	left: -10px;
	top: 350px;
}
.bigQuo {
	background: url(images/quo.gif) no-repeat;
	height: 16px;
	width: 18px;
	margin-bottom: 50px;
}
.quotes {
	font-size: 1.3em;
	padding-top: 20px;
	display: block;
}
.quotes p {
	padding-bottom: 25px;
}
.quotes strong {
	font-size: .7em;
	color: #FFDE00;
}
h1 {
	padding: 0px;
	position: relative;
	margin: 0px;
	font-size: 1.4em;
}
h1 span {
	height: 100%;
	width: 100%;
	position: absolute;
}
#mainCopy h1 {
	font-size: 1em;
}
#mainCopy h2 {
	margin-bottom: 0px;
	font-size: 2.4em;
	margin-top: 0px;
}
#mainCopy h3 {
	margin: 30px 0px 0px;
	padding: 0px;
}
#hLoveCuppa {
	height: 88px;
	width: 221px;
}
#hLoveCuppa span {
	background: url(images/head-loveagood.gif);
}

#promo {
	height: 76px;
	width: 414px;
	margin:0 auto;
}
#promo span {
	background: url(images/tooledup.gif);
}
#hLoveBuilders {
	height: 80px;
	width: 171px;
}
#hLoveBuilders span {
	background: url(images/head-lovebuilders.gif);
}
#hBlended {
	height: 94px;
	width: 289px;
}
#hBlended span {
	background-image: url(images/head-blended.gif);
}
#hCaff {
	height: 68px;
	width: 214px;
}
#hCaff span {
	background-image: url(images/head-caff.gif);
}
#builderPic {
	position: absolute;
	z-index: 1;
	left: 230px;
	bottom: 0px;
}
label {
	display: block;
	width: 300px;
	clear: both;
	position: relative;
	font-weight: bold;
	margin-bottom: 15px;
}
.clipRight {
	position: absolute;
	top: 170px;
	height: 296px;
	left: -20px;
}
#content #footerText {
	font-size: 1em;
	position: absolute;
	right: 0px;
	bottom: 10px;
	width: 30em;
	text-align: right;
	padding: 0px;
	margin: 0px;
	z-index: 10;
}
#footer {
	background: #FFFFFF url(images/footer.gif) no-repeat center top;
	color: #999999;
	position: relative;
	min-height: 100px;
	margin: 0px 0px -20px;
	padding: 0px;
}
.bodyPic2 {
	position: absolute;
	z-index: 20;
	left: -10px;
	top: 210px;
}
#picDrinkers {
	position: absolute;
	top: 170px;
	left: 30px;
}
#picHerbal {
	position: absolute;
	top: 30px;
	left: 30px;
}
#picPineapples {
	position: absolute;
	top: 140px;
	left: 20px;
}
#picBag {
	position: absolute;
	top: 170px;
	left: 20px;
}
#picMask {
	position: absolute;
	top: 170px;
	left: 0px;
}
#picASDA {
	position: absolute;
	top: 70px;
	left: 400px;
}
#picTipsBuilder {
	position: absolute;
	left: 40px;
	top: 223px;
}
#picMakingTea {
	position: absolute;
	top: 330px;
	left: 287px;;
}
.gallery img {
	margin-right: 50px;
	margin-bottom: 50px;
}
#contactForm {
	position: absolute;
	left: 400px;
	top: 110px;

}
#contactForm2 {
	position: absolute;
	left: 280px;
	top: 180px;




}
#mainCopyLeft .rounded {
	background: #FFD200 url(images/rounded-top.gif) no-repeat left top;
	width: 339px;
	margin: 15px 0px 0px;
	padding: 0px;
}
#mainCopyLeft .rounded h3 {
	margin: 0px;
	padding: 3px 10px 4px;
	width: 295px;
}
#mainCopyLeft .rounded a {
	color: #000000;
}
#mainCopyLeft .rounded a:hover {
	color: #7DB527;
}
#mainCopyLeft .rounded p {
	background: #FFDE00 url(images/rounded-bottom.gif) no-repeat left bottom;
	margin: 0px;
	padding: 2px 10px 10px;
	color: #000000;
}
#mainCopyLeft h2 {font-size:1.4em;}
.product {
	padding-left: 180px;
}


/** table - crosswords **/

 table{border-spacing:0;border-collapse:collapse;}

table.crossword {
margin-top:20px;
 
}
table.crossword th, table.crossword td { padding:0.2em ;
border:#666 1px solid;
text-align:center;
background-color:#000000;
}
table.crossword caption {
text-align:left;
font-weight:bold;
margin:2em 0 0.5em 0;
}

form.crosswrd form.crosswrd table.crossword input {
width:1.2em;
text-align:center;
font-size:1em;
border:none;
}
 table.crossword label { position:absolute; left:-999px;
}

table.crossword input.no1 {
background:#FFFFFF url(images/crossword/01.gif) left top no-repeat;
}
table.crossword input.no2 {
background:#FFFFFF url(images/crossword/02.gif) left top no-repeat;
}
table.crossword input.no3 {
background:#FFFFFF url(images/crossword/03.gif) left top no-repeat;
}
table.crossword input.no4 {
background:#FFFFFF url(images/crossword/04.gif) left top no-repeat;
}
table.crossword input.no5 {
background:#FFFFFF url(images/crossword/05.gif) left top no-repeat;
}
table.crossword input.no6 {
background:#FFFFFF url(images/crossword/06.gif) left top no-repeat;
}
table.crossword input.no7 {
background:#FFFFFF url(images/crossword/07.gif) left top no-repeat;
}
table.crossword input.no8 {
background:#FFFFFF url(images/crossword/08.gif) left top no-repeat;
}
table.crossword input.no9 {
background:#FFFFFF url(images/crossword/09.gif) left top no-repeat;
}
table.crossword input.no10 {
background:#FFFFFF url(images/crossword/10.gif) left top no-repeat;
}
input.no11 {
background:#FFFFFF url(images/crossword/11.gif) left top no-repeat;
}
input.no12 {
background:#FFFFFF url(images/crossword/12.gif) left top no-repeat;
}
input.no13 {
background:#FFFFFF url(images/crossword/13.gif) left top no-repeat;
}
input.no14 {
background:#FFFFFF url(images/crossword/14.gif) left top no-repeat;
}
input.no15 {
background:#FFFFFF url(images/crossword/15.gif) left top no-repeat;
}
input.no16 {
background:#FFFFFF url(images/crossword/16.gif) left top no-repeat;
}
input.no17 {
background:#FFFFFF url(images/crossword/17.gif) left top no-repeat;
}
input.no18 {
background:#FFFFFF url(images/crossword/18.gif) left top no-repeat;
}

form.crosswrd input:hover { background: #dfdfdf; color: black; }
form.crosswrd input:active { background: yellow !important; color: black; }
form.crosswrd input:focus { background: yellow; color: black; }

/** table - crosswords version 2 **/ /*New*/

form.crosswrd2 {background:url(images/tea_break_slices/sec_1_middle2.gif) bottom left no-repeat;padding-top:1px;  }
#botcros {padding-bottom:1px}
table.crossword2 {
margin-bottom:20px;
width:270px;
margin-left:55px;
border:#000 2px solid;
padding-top:1px;
}
table.crossword2 th, table.crossword2 td { padding:0 ;
border:#666 1px solid;
text-align:center;
background-color:#000000;

}
table.crossword2 td.wht {background-color:#FFFFFF;} 
table.crossword2 td.yell {background-color:#f8ce00;}
table.crossword2 td.blk {border-bottom:#000 2px solid;}
table.crossword2 td.blk2 {border-right:#000 2px solid;}
/* table.crossword2 caption {
text-align:left;
font-weight:bold;
margin:2em 0 0.5em 0;
} */

form.crosswrd2  table.crossword2 input {
width:1.4em;
text-align:center;
font-size:1.4em;
border:none;
}
form.crosswrd2  table.crossword2 input.yell {background-color:#f8ce00;}
 table.crossword2 label { position:absolute; left:-999px;
}

table.crossword2 input.no1 {
background: url(images/crossword/01.gif) left top no-repeat;
}
table.crossword2 input.no2 {
background: url(images/crossword/02.gif) left top no-repeat;
}
table.crossword2 input.no3 {
background: url(images/crossword/03.gif) left top no-repeat;
}
table.crossword2 input.no4 {
background: url(images/crossword/04.gif) left top no-repeat;
}
table.crossword2 input.no5 {
background: url(images/crossword/05.gif) left top no-repeat;
}
table.crossword2 input.no6 {
background: url(images/crossword/06.gif) left top no-repeat;
}
table.crossword2 input.no7 {
background: url(images/crossword/07.gif) left top no-repeat;
}
table.crossword2 input.no8 {
background: url(images/crossword/08.gif) left top no-repeat;
}
table.crossword2 input.no9 {
background: url(images/crossword/09.gif) left top no-repeat;
}
table.crossword2 input.no10 {
background: url(images/crossword/10.gif) left top no-repeat;
}
table.crossword2 input.no11 {
background: url(images/crossword/11.gif) left top no-repeat;
}
table.crossword2 input.no12 {
background: url(images/crossword/12.gif) left top no-repeat;
}
table.crossword2 input.no13 {
background: url(images/crossword/13.gif) left top no-repeat;
}
table.crossword2 input.no14 {
background: url(images/crossword/14.gif) left top no-repeat;
}
table.crossword2 input.no15 {
background: url(images/crossword/15.gif) left top no-repeat;
}
table.crossword2 input.no16 {
background: url(images/crossword/16.gif) left top no-repeat;
}
table.crossword2 input.no17 {
background: url(images/crossword/17.gif) left top no-repeat;
}
table.crossword2 input.no18 {
background: url(images/crossword/18.gif) left top no-repeat;
}
table.crossword2 input.no19 {
background: url(images/crossword/19.gif) left top no-repeat;
}
table.crossword2 input.no20 {
background: url(images/crossword/20.gif) left top no-repeat;
}
table.crossword2 input.no21 {
background: url(images/crossword/21.gif) left top no-repeat;
}
table.crossword2 input.no22 {
background: url(images/crossword/22.gif) left top no-repeat;
}
form.crosswrd2 input:hover { /*background: #dfdfdf; color: black;*/ }
form.crosswrd2 input:active { /*background: yellow !important; */color: black; }
form.crosswrd2 input:focus { /*background: yellow; color: black;*/ }

#crosswrd2bg {background:url(images/tea_break_slices/sec_1_middle2.gif) left repeat-y;}

/* PROMO/TOKEN page */

h1#promo {display:block; text-align:center; font-size:5em; margin-bottom:0; padding-bottom:0;}
#content p.promo {display:block; text-align:center; font-size:2em; font-weight:bold; margin-top:0;}
p.colPromo {color:#FFDE00; font-weight:bold; background:url(images/dotted.gif) bottom left repeat-x; padding-bottom:15px; padding-top:0; margin-top:0; }
#content p.address {padding-left:50px; background:url(images/envelope.gif) left top no-repeat;}
#content p.address span.sml {font-size:0.8em;}
.promoCopy {background:url(images/dotted.gif) left top repeat-x; padding-top:15px; margin-bottom:40px;}
.promoCopy h2, .promoCopy p{ padding-left:310px;}
.promoPic { position:absolute; left:0px; top:110px; width:290px;}
h2.h2Promo {padding-bottom:0; padding-top:0;font-size:2em; margin-top:0; margin-bottom:0;}
p.pPromo {padding-bottom:0; padding-top:0; margin-top:0; margin-bottom:0;}

/*Form*/


form.signup div.clear {clear:both;padding-top:5px;} 
form.signup input {margin:0 5px;}
form.signup label {
	display:inline;
	width:inherit;
	clear:none;
	position: relative;
	font-weight: bold;
	margin-bottom: 0;
	padding-right:0px;
}


/* Blow Down a Building - April '10, disabled 4th Aug */

#mainNav li#navBLOW {
	display: none; /* OFF */
}

#mainNav li#navBLOW a {
	text-indent: -1000em;
	background: url(images/blow_badge.png) no-repeat;
	width: 200px; height: 250px;
	display: block;
	position: absolute;
	top: -250px;
	right: -40px;
	margin-right: 0;
}

#blowdown #enter {
	background-image:  url(images/panel2.jpg);
	background-repeat: no-repeat;
	margin: 0 0 30px 0;
	height: 300px;
}
#blowdown #how {
	background: #FFDE00;
	padding: 10px 25px;
	margin: 15px 0 15px 0;
	color: #000;
	clear: both;
}
#blowdown #how h3 {
	color: #000;
	text-transform: capitalize;
	font-family: Arial, Helvetica, Geneva, sans-serif;
}
#blowdown #enter form {
	padding: 15px 25px;
}

#blowdown #enter form #code {
	background: url(/blowdown/codebox.png) no-repeat 0 0;
	width: 100%; height: 64px;
	display: block;
	margin: 40px 0 0;
	border: none;
}
#blowdown #enter form #code span {
	display: none;
}
#blowdown #enter form #code input {
	border: none;
	background: none;
	font-family: "Courier New",Courier,mono;
	font-size: 28px;
	letter-spacing: 60px;
	margin: 7px 0 0 218px;
	width: 520px;
	overflow: hidden;
}

#blowdown #enter label.inline input {
	vertical-align: middle;
}
#blowdown #enter label {
	padding: 10px 0 0 0;
	color: #000;
	font-size: 14px;
	margin: 0;
}
#blowdown #enter #col_left {
	float: left;
	width: 50%;
	clear: none;
	margin: 0 0 20px 0;
}
#blowdown #enter #col_right {
	float: right;
}

#blowdown #enter form p {
	clear: both;
}
#blowdown #enter form .text {
	display: block;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	margin: 7px 0 0;
	font-size: 13px;
	font-weight: bold;
	border: none;
	width: 285px;
	border: 1px solid #666;
}

#blowdown #enter form .submit {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 20px;
}
#blowdown #cable {
	position: relative;
}
#blowdown #cable img {
	position: absolute;
	top: 10px;
	left: 663px;
}
#blowdown #partners {
	margin: 30px 0 0 0;
	padding: 0;
	height: 135px;
}
#blowdown #partners li {
	list-style: none;
	float: left;
	margin: 0 0 0 50px;
}
#blowdown #partners li#who {
	font-size: 15px;
	width: 205px;
	margin: 0;
	font-weight: bold;
}
#blowdown #partners li img {
	display: block;
	margin: 0 0 10px 0;
}

#blowdown img {
	margin: 10px 0px 20px;
	border: none;
}
#blowdown ul {
	margin: 0;
	padding: 15px 20px 40px 30px;
	clear: both;
}
#blowdown ul li {
	padding: 0 0 10px 0;
}