@charset "utf-8";
/* CSS Document */

/********************* general formatting *********************/
html {overflow-y: scroll;}
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	background: url(images/colour-midpink.gif) top left repeat;
}
p {
	margin:0 0 10px 0;
	padding:0;
}
a {
	color:#a01211;
}

/********************* header formatting *********************/
#header {
	background: #FFFFFF url(images/bg-header.gif) top left repeat-x;
	height:152px;
	min-width:920px;
	overflow:inherit;
}
#headerContent {
	width:920px;
	margin:0 auto;
}
#headerContent img {
	border:0;
}
.headerBox {
	width: 102px;
	height: 121px;
	float:right;
	margin:0 5px;
	background: url(images/bg-headerbox.gif) top left no-repeat;
}
.headerBox img {
	margin:18px 0 0 1px;
}
#headerNav {
	width:920px;
	margin:0 auto;
	padding:5px 0 0 0;
	color:#575757;
}
#headerNav a {
	color:#333333;
	text-decoration:none;
}
#miniCart {
	float:right;
	width:220px;
	margin-right:8px;
	text-align:right;
}


/********************* homepage formatting *********************/
#teaMonth {
	width:240px;
	height:338px;
	background: #FFFFFF url(images/bg-tea-month.jpg) top left no-repeat;
	float:left;
	margin-left:25px;
	margin-bottom:20px;
	color:#333333;
}
#teaMonth h2 {
	margin:0;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	padding:133px 12px 18px 12px;
}
#teaMonth h2 a {
	color:#333333;
	text-decoration:none;
}
#teaMonth p {
	padding:0 12px;
	text-align:justify;
}
#teaMonth p.moreInfo {
	padding:0 12px;
	text-align:right;
}
#teaMonth p.moreInfo a {
	color: #a01211;
	font-weight:bold;
	text-decoration:none;
}

#homepageInfo {
	width:376px;
	margin:12px 0 0 25px;
	float:left;
	background-color:#FFFFFF;
}
.discover {
	background: #ffffff url(images/home-discover-tea.jpg) top left no-repeat;
}

#featured {
	padding:20px 0;
	background: url(images/colour-palepink.gif) top left repeat;
	border-top:1px solid #c00000;
	height:185px;
	min-width:920px;
	clear:left;
	text-align:center;
	overflow:hidden;
}
#featuredContent {
	width:960px;
	margin: 0 auto;
}
#featured img {
	margin:0 18px 20px 18px;
}
#featured a img {
	border:0;
}
.featuredBox {
	width:200px;
	height:185px;
	margin:0 18px 20px 18px;
	border:1px solid #ffb7b5;
	float:left;
	background-color:#FFFFFF;
}
.featuredBox h2 {
	height:23px;
	background-color:#a01211;
	margin:0;
	padding-top:4px;
	font-size:small;
	font-weight:normal;
	color:#FFFFFF;
}
.featuredBox h2 a {
	color:#FFFFFF;
	text-decoration:none;
}
.featuredBox img {
	margin:0 !important;
	padding:0;
}
.featuredBox a img {
	border:0;
}
.featuredBox .teaMonthDesc {
	text-align:left;
	padding:5px 0 0 10px;
	font-size:85%;
}

#home #break { display:none; }
#home .breadcrumb { display:none }
#home #sidenav { 	margin-bottom:0px !important; }


/********************* content formatting *********************/
#contentWrapper {
	background-color:#FFFFFF;
}
#content {
	width:910px;
	margin:0 auto;
	padding:15px 10px 20px 0;
	color:#575757;
	background-color:#FFFFFF;
}
#contentInfo{
	width: 730px;
	float:left;
}
#home #content {
	height:345px;
}
#contentInfo h1 {
	font-weight:bold;
	font-size:16px;
	color:#333333;
	margin:10px 0 8px 0;
}
#contentInfo h2 {
	font-weight:bold;
	font-size:14px;
	margin:17px 0 10px 0;
	color:#333333;
}
p.breadcrumb {
	font-size:12px;
	color:#666666;
	margin:0 0 7px 5px;
}

/********************* side navigation formatting *********************/
#sideNav {
	width:180px;
	float:left;
	margin-top:-10px;
	margin-bottom:80px;
}
#sideNav ul {
	margin:0;
	padding:0;
	list-style:none;
}
#sideNav li.mainCat {
	margin:10px 0 5px 10px;
}
#sideNav li.mainCat a {
	font-size:15px !important;
	font-weight:bold !important;
	color:#333333;
	text-decoration:none;
}
#sideNav img {
	border:0 !important;
}

/********************* shop formatting *********************/
.shopHeader {
	background: transparent top left no-repeat; 
	width:728px; height:77px;
	color:#FFFFFF;
	margin-bottom: 15px;
}
.shopHeader h2 {
	font-weight:bold;
	font-size:16px;
	margin:0 !important;
	color:#FFFFFF !important;
}
.shopHeader h1 {
	font-weight:bold;
	font-size:16px;
	padding: 9px 200px 4px 15px;
	margin:0 !important;
	color:#FFFFFF !important;
}
.shopHeader p {
	padding: 0 200px 8px 15px;
	margin:0;
}
.shopHeader h2 a, .shopHeader p a {
	color:#FFFFFF !important;
	text-decoration:none;
	padding: 9px 200px 4px 15px;
	width:513px;
	display:block;
}
.shopHeader p a {
	margin: -4px -200px -8px -15px;
	padding-bottom:8px;
}


/********************* footer formatting *********************/
#footer {
	padding:5px 0 40px 0;
	min-width:920px;
	background: url(images/colour-midpink.gif) top left repeat;
	border-top:1px solid #a01211;
	color:#5a0706;
}
#footer #footerInfo {
	width:910px;
	margin:0 auto;
	font-size:12px;
}
#footer span#footerLinks {
	float:right;
	width: 650px;
	text-align:right;
}