/*
====================
Teabag Studios (teabagstudios.com)
--------------------
david@teabagstudios.com
===================
*/

/* @group Misc */

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.4.0
*/
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
	table{border-collapse:collapse;border-spacing:0;}
	fieldset,img{border:0;}
	address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
	li{list-style:none;}
	caption,th{text-align:left;}
	h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
	q:before,q:after{content:'';}
	abbr,acronym {border:0;font-variant:normal;}
	/* to preserve line-height and selector appearance */
	sup {vertical-align:text-top;}
	sub {vertical-align:text-bottom;}
	input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
	/*because legend doesn't inherit in IE */
	legend{color:#000;}


body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 62.5%;
	background: #003b79 url(../img/bg.jpg) no-repeat 50% 0;
	color: #FFF;
	line-height: 1;
	text-align: center;
	border-top: 4px solid #EB3D18;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
#page p {
	padding: 0 0 1.2em 0;
	font-size:1em;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear, hr {
	clear: both;
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
}
hr {
	visibility: hidden;		
}

/* @group Sections */

body#sec_home,
body#sec_family
	{ border-top-color: #CC0066; }
	
body#sec_fabrics
	{ border-top-color: #DC5611;}
body#sec_ingreds
	{ border-top-color: #74B31F; }
body#sec_support
	{ border-top-color: #009A9B; }
body#sec_why
	{ border-top-color: #C58501; }
body#sec_stockists
	{ border-top-color: #3A4F8D; }
body#sec_contact 
	{ border-top-color: #3A4F8D }

/* @end */

/* @end */

/* @group Links */

#menu div a {
	color: #fff;
	text-decoration: none;
}
#menu div a:hover {
	text-decoration: underline;
}
#menu div h3 a {
	display: block;
}

/* @end */

/* @group Header */

#header {
	position: relative;
	padding: 35px 0 50px 0;
	z-index: 1001;
}

#header h1 {
	display: block;
	margin: 0;
	background-image: url(../img/logo.png);
	width: 215px;
	height: 62px;
	text-indent: -1000em;
	position:relative;
	top:-35px;
}

#sec_home #header h1,
#sec_family #header h1 {
	background-position:0px -70px; /* purple */
}

#sec_fabrics #header h1 {
	background-position:0px -140px; /* orange */
}

#sec_ingreds #header h1 {
	background-position:0px -210px; /* green */
}

#sec_support #header h1 {
	background-position:0px -280px; /* blue */
}

#sec_why #header h1 {
	background-position:0px -420px; /* mustard */
}

#sec_contact h1 {
	background-position:0px -350px; /* d.blue */
}

/* @group Navigation */

#header ul {
	display:block;
	height:1px;
}
#header ul li {
	float: left;
	margin: 0 0 0 10px;
	text-transform: lowercase;
}
#header ul li a {
	display: block;
	padding: 2px 6px;
	text-decoration: none;
	color: #FFF;
	font-size:1.1em;
	font-weight:bold;
}

#sec_home #header ul li#nav_home a,
#header ul li#nav_home a:hover,
#sec_home #header ul li#nav_request,
#box_home h3,
#sec_home #footer #madein
	{ background-color: #CC0066; }
	
	
	
#sec_sleep #header ul li#nav_talking a,
#header ul li#nav_talking a:hover,
#sec_sleep #header ul li#nav_request,
#box_sleep h3,
#sec_sleep #footer #madein
	{ background-color: #E52B36; }
	
	
#sec_fabrics #header ul li#nav_fabrics a,
#header ul li#nav_fabrics a:hover,
#sec_fabrics #header ul li#nav_request,
#box_fabrics h3,
#sec_fabrics #footer #madein
	{ background-color: #DC5611; }
	
	
#sec_ingreds #header ul li#nav_ingredients a,
#header ul li#nav_ingredients a:hover,
#sec_ingreds #header ul li#nav_request,
#box_ingreds h3,
#sec_ingreds #footer #madein
	{ background-color: #74B31F }
	
	
#sec_support #header ul li#nav_support a,
#header ul li#nav_support a:hover,
#sec_support #header ul li#nav_request,
#box_support h3,
#sec_support #footer #madein
	{ background-color:#009A9B; }
	
	
#sec_family #header ul li#nav_family a,
#header ul li#nav_family a:hover,
#sec_family #header ul li#nav_request,
#box_family h3,
#sec_family #footer #madein
	{ background-color: #CC0066; }
	
#sec_why #header ul li#nav_sleep a,
#header ul li#nav_sleep a:hover,
#sec_why #header ul li#nav_request,
#box_why h3,
#sec_why #footer #madein
	{ background-color: #C58501; }	
	
	
#sec_contact #header ul li#nav_contact a,
#header ul li#nav_contact a:hover,
#sec_contact #header ul li#nav_request,
#box_contact h3,
#sec_contact #footer #madein
	{ background-color: #3A4F8D; }
	
	
#header ul li#nav_request {
	padding: 3px 10px 6px 10px;
	position: absolute;
	top: 0;
	right: 0;
}
#header ul li#nav_request a {
	background: url(../img/btn_arrow.gif) no-repeat 100% 50%;
	padding: 0 13px 0 0;
	display: inline;
}
#menu div p a {
	display:block;
	left:0px;
	position:absolute;
	padding:5px;
	width:114px;
	bottom:0px;
}

#menu div#box_fabric p a { background-color:#CA510F; width:119px; }
		
#box_ingredients p a { background-color:#5C8E1A;}

#box_support p a { background-color:#008080; }


/* @end */

/* @end */

/* @group Content */

#wrap {
	width: 800px;
	margin: 0 auto;
	padding: 0 0 100px 0;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.35em;
}

#page {
	float: left;
	width: 800px;
	height: 275px;
	overflow: hidden;
	background: #003B79;
	border: 1px solid #B2C2D2;
	position: relative;
}

.content {
	height:225px;
	width:311px;
	padding:7px 5px;
	background-color:#CC0066;
}


/* @group Pages */

body#sec_home #page {
	background: #003B79 url(../img/bg_home_foot.jpg) no-repeat top right;
	line-height: 1.3em;
}

body#sec_sleep #page {
	background: #003B79 url(../img/bg_sleep.jpg) no-repeat top right;
}

body#sec_sleep #page .content {
	background-color:#E52B36;
}

body#sec_fabrics #page .fab-slide1 {
	background: #DC5611 url(../img/bg_fabrics.jpg) no-repeat top right;
}

body#sec_fabrics #page .content {
	background-color:#DC5611;
}

body#sec_ingreds #page .ing-slide1 {
	background:url(../img/bg_ingredients.jpg) no-repeat top right;
}

body#sec_ingreds #page .content {
	background-color:#74B31F;
}

body#sec_support #page .sup-slide1 {
	background:url('../img/bg_support.jpg') no-repeat top right;
}

body#sec_support #page .content {
	background-color:#009A9B;
}

body#sec_family #page {
	background: transparent url(../img/bg_family.jpg) no-repeat top right;
}

body#sec_why #page {
	
}

body#sec_why #page .content { 
	background-color:#C58501;
}

body#sec_contact #page {

}

/* @end */

/* @group  Footer */

#footer {
	clear: both;
	text-align: center;
	color: #8C9885;
	margin: 100px 0 0 0;
}
#footer #madein {
	float: left;
	padding: 7px 8px 1px 8px;
	margin: -7px 0 0 0;
}

#footer #madein img {
	float: left;
}
#footer #teabag {
	float: right;
	text-indent: -1000em;
	margin: -11px 0 0 0;
}
#footer #teabag a {
	width: 74px;
	height: 33px;
	background: transparent url(../img/teabag.png) no-repeat 0 50%;
	display: block;
}

#footer a {
	color: #d2e3c8;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Typography */

#page h2 {
	left: 10px;
	top: 10px;
	max-width: 415px;
	line-height: 1.15em;
	text-indent: -1000em;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 36px;
}

#sec_home #page h2
	{ background-image: url(../img/headers/home.png); }
	
#sec_sleep #page h2
	{ background-image: url(../img/headers/sleep-talking.png); }
	
#sec_fabrics #page h2
	{ background-image: url(../img/headers/natural-fabrics.png); }
	
#sec_ingreds #page h2
	{ background-image: url(../img/headers/natural-ingredients.png);}
	
#sec_support #page h2
	{ background-image: url(../img/headers/support.png); }
	
#sec_family #page h2
	{ background-image: url(../img/headers/family.png); }
	
#sec_contact #page h2
	{ background-image: url(../img/headers/contact.png); }

#sec_why #page h2 {
	background-image:url(../img/headers/why.png);  
}



#first-next { 
	position:absolute; 
	bottom:0px; 
	color:#ffffff; 
	font-size:12px; 
	font-weight:bold; 
	width:301px; 
	padding:10px;
	height:15px; 
	left:0px;
}

#sec_ingreds #page #first-next {
	background:#5C8E1A none; 
}

#sec_fabrics #page #first-next {
	background:#CA510F none;
}

#sec_support #page #first-next {
	background:#008080 none;
}

.success {
	background-color:#74B21F;
	border:1px solid #5C8E1A;
	padding:10px !important;
	font-size:1.4em !important;
	color:#ffffff;
}

.success strong {
	margin-top:10px;
	display:block;
}
/* Homepage Text Wrap */

h1,h2,h3,h4 {
	font-family: "FS Clerkenwell Bold", Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	letter-spacing: -0.02em;
}
	
/* @end */

/* @group Widgets */

#menu {
	height: 200px;
	padding: 60px 0 0 0;
	height: 155px;
	clear: both;
}

#menu div {
	width: 258px;
	height: 143px;
	float: left;
	position: relative;
	background-color: #003B79;
	border: 1px solid #B2C2D2;
}

#menu div p a {
	display:block;
	text-decoration:underline;
}

#box_ingredients
	{ margin: 0 10px; }

#menu div h3 {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 10px;
	font-size: 1.7em;
	width: 238px; height: 15px;
	text-indent: -1000em;
	background-position: 9px 70%;
	background-repeat: no-repeat;
}

#box_fabric h3 
	{ background:#CA510F url(../img/headers/box_fabric.gif); }
#box_ingredients h3 
	{ background: #5C8E1A url(../img/headers/box_ingredients.gif); }
#box_support h3 
	{ background: #008080 url(../img/headers/box_support.gif); }

#menu div p {
	padding:2px 135px 0 4px;
	width: 119px; 
	height: 110px;
	background-repeat: no-repeat;
	background-position: 0 100%;
	bottom: 31px;
}

#menu div#box_fabric p
	{ background:#DC5511 url(../img/bg_box_fabric.jpg) no-repeat bottom right; }
	
#menu div#box_ingredients p
	{ background: #74B21F url(../img/bg_box_ingredients.jpg) no-repeat bottom right; }
	
#menu div#box_support p
	{ background: #009A9A url(../img/bg_box_support.jpg) no-repeat bottom right; }


/* COntent Sliders */
.jFlowPrev, .jFlowNext {
	position: absolute;
	bottom: 120px; left: 0;
	cursor: pointer;
	display: block;
	color: #3A4F8D;
	z-index: 1001;
	background:url('../img/prev-slide-png.png') no-repeat top left;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:58px;
}

#sec_ingreds .jFlowNext {
	background:url('../img/next-slide-green.png') no-repeat top right;
}

#sec_ingreds .jFlowPrev {
	background:url('../img/prev-slide-green.png') no-repeat top left;
}

#sec_support .jFlowNext {
	background:url('../img/next-slide-blue.png') no-repeat top right;
}

#sec_support .jFlowPrev {
	background:url('../img/prev-slide-blue.png') no-repeat top left;
}


.content .jFlowNext {
	position:relative;
	bottom:0px;
	background:none;
	text-indent:0px;
	padding:0px;	
}

.jFlowNext:hover {
	background:url('../img/next-slide-png.png') no-repeat bottom right;
}

.jFlowPrev:hover {
		background:url('../img/prev-slide-png.png') no-repeat bottom left;
}

.jFlowNext {
	position: absolute;
	right: 0;
	left: auto;
	background:url('../img/next-slide-png.png') no-repeat top right;
}

#stockists_list {
	top: 70px;
}
#ingredients_list {
	top: 45px;
}

#page .p-cols p {
	float: left;
	position: relative;
	left: 40px;
	width: 220px;
	padding: 0 23px 0 0;
}


#page .p-cols p strong {
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	margin-top:10px;
	padding:5px 0px 5px 35px;
}

.p-cols p strong {
	background:url(../img/icon-sprite.png) no-repeat top left; 
}
/** icon sprites **/

	.p-cols p strong.pocket { background-position:left -38px;}
	
	.p-cols p strong.relax {background-position:left -77px; }
	
	.p-cols p strong.silk  { background-position:left -153px; }
	.p-cols p strong.linen { background-position:left -115px; }
	.p-cols p strong.cotton { background-position:left -192px; }

	.p-cols p strong.cool { background-position:left -230px; }
	.p-cols p strong.cashmere { background-position:left -269px; }
	.p-cols p strong.soyamboo { background-position:left -307px; }
	
	.p-cols p strong.wool { background-position:left -345px; }
	.p-cols p strong.latex {background-position:left -422px; }
	
	.p-cols p strong.memory { background-position:left -461px; }
	.p-cols p strong.coir { background-position:left -499px; }
	.p-cols p strong.horsehair { background-position:left -538px; }
	
#IngController {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1001;
	font-size: 1.4em;
}

#IngController span {
	margin: 0 0 0 10px;
	color: #3A4F8D;
	cursor: pointer;
}
#StockController span.jFlowSelected,
#IngController span.jFlowSelected {
	color: #fff;
}


#form_gen {
	float: right;
	width: 400px;
	margin: -20px 25px 0 0;
}
#form_gen legend {
	font-size: 1.1em;
	font-weight: bold;
	padding: 0 0 10px 105px;
	color:#fff;
}
#form_gen .txt {
	width:270px;
	background: #3A4F8D !important;
	border: 1px solid #42599F;
	padding: 3px;
	font: bold 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	float: right;
	color:#fff !important;
}

#form_gen p {
	float: left;
	margin: 0 0 5px 0;
	padding: 0;
	position:relative;
}

#form_gen label {
	float: left;
	width: 90px;
	font-weight: bold;
	text-align: right;
	padding-right:10px;
}
#form_gen .button {
	width: 225px;
	float: right;
	line-height: 22px;
	margin: 5px 0 0 0;
}
#form_gen .button input {
	float: right;
	background:#3A4F8D;
	border-color:#5F79BF #293C6F #293C6F #5F79BF;
	border-style:solid;
	border-width:2px;
	color: #fff;
	margin: 0 0 0 10px;
	cursor:pointer;
}

.LV_invalid {
	color:red;
	left:-10px;
	position:absolute;
}	

.LV_invalid_field {
	border:1px solid red !important;	
}

/* @end */

/* @group Contact */

	.vcard { 
		background-color:#42599F;
		padding:10px;
		width:300px;
		height:220px;
		float:left;
	}
	
	.adr span { 
		display:block;
	}
	.org { 
		font-weight:bold;
		margin-bottom:10px;
	}
	a.email { 
		color:white;
	}
	
	.tel {
		margin-top:10px;
	}

/* @end */

/* @group Brochure Request */

	form#form_gen.brochure-req {
		width:auto;
		margin-top:30px;
	}
	
	form.brochure-req fieldset {
		float:left;
		width:50%;
	}
	

/* @group Fixes */

/* PNG Support */

/* @end */