/**********************************************  FONTS  ***********************************************/

h1 {
	color: #78a22f;
	font-family: tahoma, arial, sans-serif;
	font-size: 1.75em;
	margin-bottom:20px;
}

h2 {
	color: #78a22f;
	font-family: arial, sans-serif;
	font-size: 1.125em;
	margin: 0 0 .4em 0;
	position: relative;
}
h2.lg {
	font-size: 1.3em;
}
h2.fixed {
	width: 669px;
}
h3 {
	font-weight: bold;
	font-size: .75em;
	color: #78a22f;
	line-height: 140%;
}
p {
	color: #2f1205;
	font-size: .75em;
	line-height: 140%;
	margin: 0 0 1.4em 0;
}
p.intro {
	margin: 0 0 30px 0;
}
a {
	color: #2b0d00;
}
a.external {
	background: url('../images/icons/ico-external-link.gif') no-repeat right center;
	padding: 0 13px 0 0;
	margin: 0 1px 0 0;
}
a:hover {
	text-decoration: none;
}
#main h2,
#main h3,
#main p {
	margin-right:25px;
}
#main h2.breakHeader {
	padding: 0;
}
#main h2.borderHeader {
	padding-top: 30px;
	margin-top: 30px;
	border-top: 1px #cecece solid;
}
#main h2 .imgBtn {
	position: absolute;
	right: 0;
	bottom: -1px;
}
#main h2 a {
	text-decoration: none;
}
#main h2 a:hover {
	text-decoration: underline;
}


/**********************************************  HEADER  **********************************************/

#header {
	width: 980px;
	height: 154px;
	margin: 0 auto;
	position: relative;
	background:url(../images/menu/menu-bg-home.gif) bottom center no-repeat;
}
.home #header {
	height: 178px;
}
.headerLogo {
	left: 22px;
	top: 20px;
	position: absolute;
}

.headerCC {
	right: 30px;
	top: 33px;
	position: absolute;
}

.headerTagline {
	left: 310px;
	top: 66px;
	position: absolute;
}
.shoppingBag {
	background: url('../images/header/shopping-bag-bg.png') no-repeat;
	width: 281px;
	height: 62px;
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #fff;
	text-transform:uppercase;
	position: absolute;
	right: 16px;
	top: 49px;
}
.shoppingBag span {
	position: absolute;
	top: 25px;
	left: 49px;
}
.shoppingBag span a {
	color: #FFFFFF;
	text-decoration: none;
}
.shoppingBag .shoppingBagTotal {
	color: #421805;
	left: 135px;
	width: 130px;
	text-align: right;
}
.loginControls {
	font-family: tahoma, arial, sans-serif;
	font-size: 11px;
	color: #e1d1a4;
	position: absolute;
	right: 32px;
	top: 104px;
}
.loginControls a {
	color: #e1d1a4;
}
.loginControls a:hover {
	text-decoration: none;
}


/***********************************************  MENU  ***********************************************/

#menu {
	width: 960px;
	background: url(../images/menu/menu-bg-gif.gif) no-repeat center top;
	height: 34px;
	position: absolute;
	top: 110px;
	padding: 0 0px 44px 20px;
}
.home #menu {
	background-image: url('../images/menu/menu-bg-home.gif');
	padding-bottom: 10px;
}
#menu li {
	float: left;
}
#menu li a {
	display: block;
	height: 34px;
	background: url('../images/menu/mi-bg.png') no-repeat;
	text-indent: -9999em;
}
#menu #miHome a { width: 63px; background-position: 0 0 }
#menu #miBlackTea a { width: 87px; background-position: -64px 0 }
#menu #miGreenTea a { width: 88px; background-position: -150px 0 }
#menu #miFruitHerbal a { width: 115px; background-position: -239px 0 }
#menu #miTeaHardware a { width: 108px; background-position: -354px 0 }
#menu #miTeaAccessories a { width: 124px; background-position: -470px 0 }
#menu #miTea101 a { width: 76px; background-position: -595px 0 }
#menu #miService a { width: 73px; background-position: -670px 0 }
#menu #miBlog a { width: 59px; background-position: -744px 0 }
#menu #miContact a { width: 92px; background-position: -808px 0 }

#menu #miHome a:hover, #menu.home #miHome a { background-position: 0 -34px }
#menu #miBlackTea a:hover, #menu.blacktea #miBlackTea a { background-position: -64px -34px }
#menu #miGreenTea a:hover, #menu.greentea #miGreenTea a { background-position: -150px -34px }
#menu #miFruitHerbal a:hover, #menu.fruitherbal #miFruitHerbal a { background-position: -239px -34px }
#menu #miTeaHardware a:hover, #menu.teahardware #miTeaHardware a { background-position: -354px -34px }
#menu #miTeaAccessories a:hover, #menu.teaaccessories #miTeaAccessories a { background-position: -470px -34px }
#menu #miTea101 a:hover, #menu.tea101 #miTea101 a { background-position: -595px -34px }
#menu #miService a:hover, #menu.service #miService a { background-position: -670px -34px }
#menu #miBlog a:hover, #menu.blog #miBlog a { background-position: -744px -34px }
#menu #miContact a:hover, #menu.contact #miContact a { background-position: -808px -34px }


#menu.tea101,
#menu.teaaccessories,
#menu.teahardware{
	background:url(../images/bg/masthead2.gif) top center no-repeat;
	height:50px !important;
}


/**********************************************  FOOTER  **********************************************/

#footerWrapper {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 46px 0;
}
#footer {
	background: url('../images/bg/footer-bg.gif') no-repeat top;
	height:126px;
	width:980px;
	margin: 0 auto;
}
.home #footer {
	background-image: url('../images/footer/footer-bg-home.png');
}
#subFooter {
	width: 965px;
	margin: 0 auto;
	position: relative;
	padding: 20px 0 10px 15px;
	min-height: 50px;
	height: auto !important;
	height: 70px;
}
.footerSSL {
	margin: 4px 0 0 10px;
	border: 1px #4a2515 solid;
	display: block;
	width: 85px;
	height: 34px;
}
.footerLogos {
	position: absolute;
	right: 40px;
	top: 15px;
}
.footerLogos img {
	filter: alpha(opacity=30);
	opacity: .3;
}
.footerLogos li {
	background: url('../images/footer/footer-logos-border.gif') no-repeat left center;
	float: left;
	padding: 0 10px;
	height: 54px;
}
.footerLogos a:hover img {
	filter: alpha(opacity=100);
	opacity: 1;
}
.footerLinks {
	position: absolute;
	left: 140px;
	top: 20px;
	text-align: right;
	line-height: 140%;
}
.footerLinks ul {
	font-size: .6875em;
	display: inline;
	width: 615px;
}
.footerLinks li {
	display: inline;
	border-left: 1px #482312 solid;
	padding: 0 3px 0 0;
}
.footerLinks li.f {
	border: 0;
}
.footerLinks li a {
	color: #4a2515;
	text-decoration: none;
	margin: 0 0 0 5px;
}
.footerLinks li a:hover {
	color: #985f45;
}
#subFooter .copyright {
	color: #4a2515;
	font-size: .6875em;
}
#footer .footerBlock {
	position: relative;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
.footerBlock h1 {
	font-family: georgia, arial, sans-serif;
	background: no-repeat left bottom;
	padding: 0 0 0 32px;
	margin: 0 0 5px 0;
}
.footerBlock h1 a {
	color: #2b0d00;
	text-decoration: underline;
}
.footerBlock h1 a:hover {
	text-decoration: underline;
}
.footerBlock p {
	font-size: .6875em;
	color: #333;
	line-height: 140%;
	font-family: tahoma, arial, sans-serif;
	margin: 0 0 1.4em 10px;
}
.footerBlock.accessories p,
.footerBlock.hardware p {
	font-size: .75em;
	line-height: 130%;
	position: relative;
	z-index: 1;
}
.footerBlock a {
	color: #333;
}
.footerBlock a:hover {
	text-decoration: none;
}
.footerBlock .dispImg {
	position: absolute;
}
.footerBlock.hardware {
	float: left;
	padding: 10px 20px 5px 125px;
	width: 335px;
}
.footerBlock.hardware .dispImg {
	bottom: -38px;
	left: -28px;
}
.footerBlock.hardware h1 {
	background-image: url('../images/icons/ico-footer-hardware.png');
	padding: 7px 0 7px 60px;
	margin: 0 0 0 -5px;
}
.footerBlock.accessories {
	float: right;
	padding: 10px 20px 5px 165px;
	width: 295px;
}
.footerBlock.accessories .dispImg {
	bottom: -29px;
	left: -20px;
}
.footerBlock.accessories h1 {
	background-image: url('../images/icons/ico-footer-accessories.png');
	padding: 7px 0 7px 55px;
	margin: 0 0 0 -7px;
}
.footerBlock.vouchers {
	float: left;
	padding: 10px 220px 5px 20px;
	width: 240px;
}
.footerBlock.vouchers .dispImg {
	bottom: -30px;
	right: 15px;
}
.footerBlock.vouchers h1 {
	padding: 0;
}
.footerBlock.vouchers p {
	margin-left: 0;
}
.footerBlock.coffee101 {
	float: right;
	padding: 10px 20px 5px 20px;
	width: 440px;
}
.footerBlock.coffee101 h1 {
	padding: 0;
}
.footerBlock.coffee101 p {
	margin-left: 0;
}
.footerBlock.coffee101 .cbReplace span,
.homeCoffee101 .cbReplace span {
	visibility: hidden;
}
.footerBlock.coffee101 .cbReplace,
.homeCoffee101 .cbReplace {
	background: url('../images/icons/ico-coffee-bean-footer.gif') no-repeat center 12px
}
.footerBlock.coffee101 .coffee101Tagline {
	top: 24px;
}


/***********************************************  NAV  ************************************************/

#sidebar {
	width: 212px;
	float: left;
	padding: 15px 0 0 0;
	margin:87px 0 0 30px;
}
#sidebar.noMenu {
	padding: 34px 0 0 0;
}
#sidebar .sidebarMap {
	margin: 0 0 25px 0;
}
#sidebar h2 {
	color: #78a22f !important;
	font-size: 1.5em;
	margin: 0 0 5px 0;
	font-family: georgia, arial, sans-serif;
}
#sidebar h2.navHeader {
	border-bottom: 1px #bbb solid;
	padding: 21px 0 3px 0;
}
#sidebar .smallForm {
	margin: 0 0 30px 0;
}
#nav {
	font-size: .6875em;
	text-transform: uppercase;
	margin: 15px 0 30px 0;
	overflow: hidden;
	width: 212px;
	background: none;
}
#nav li {
	background: url('../images/nav-border-repeat.gif') repeat-x left bottom;
	width: 212px;
	float: left;
	margin: 1px 0 0 0;
}
#nav a,
#nav #blackTea a,
#nav #greenTea a,
#nav #fruitHerbal a,
#nav #organic a,
#nav #teaSample a{
	text-decoration: none;
	color: #666;
	background: url('http://www.coffeecompany.com.au/images/nav/nav-bullet-tea.png') no-repeat 2px center;
	height: 100%;
	display: block;
	padding: 7px 0 8px 30px;
	font-weight: bold;
}

#nav.teaIco a { background-image: url('../images/nav-bullet-tea.png') }
#nav.hardwareIco a { background-image: url('../images/nav/nav-bullet-hardware.png') }
#nav.accessoriesIco a { background-image: url('../images/nav/nav-bullet-accessories.png') }

#nav a:hover,
#nav li.selected a,
#nav.blackTea #blackTea a,
#nav.greenTea #greenTea a,
#nav.fruitHerbal #fruitHerbal a,
#nav.organic #organic a,
#nav.teaSample #teaSample a{
	color: #2b0d00;
}
#sidebar p {
	margin: 0 0 1.2em 0;
	font-size: .6875em;
	line-height: 130%;
}
#sidebar h2.coffee101 {
	color: #2b0d00;
	font-size: 1.75em;
	border-bottom: 1px #cac3c0 solid;
	margin-top: 0;
	width: auto;
	float: none;
	padding: 21px 0 0 0;
}
#sidebar .coffee101 .cbReplace span {
	visibility: hidden;
}
#sidebar .coffee101 .cbReplace {
	background: url('../images/icons/ico-coffee-bean.gif') no-repeat center 11px
}


/********************************************  BREADCRUMB  ********************************************/

#breadcrumb {
	background: #dfd6bf url('../images/boxes/breadcrumb-bg-repeat.png') repeat-x center;
	border: 1px #c9be9f solid;
	overflow: hidden;
	width: 685px;
	margin: 10px 0 30px 0;
	line-height: 100%;
}
#breadcrumb li {
	float: left;
	background: url('../images/boxes/breadcrumb-divider.png') no-repeat center right;
	padding: 1px 0 0 0;
}
#breadcrumb li.current {
	background-image: url('../images/boxes/breadcrumb-divider-current.png');
}
#breadcrumb li.current a, #breadcrumb li.current span {
	font-weight: normal;
}
#breadcrumb a, #breadcrumb span {
	color: #333;
	display: block;
	float: left;
	padding: 2px 17px 4px 9px;
	text-decoration: none;
	font-size: .75em;
	font-weight: bold;
}
#breadcrumb a:hover {
	text-decoration: underline;
}


/***********************************************  BODY  ***********************************************/

body {
	background:#fff;
}


/*******************************************  PAGE LAYOUT  ********************************************/

#contentWrapper {
	background: #fff url('../images/bg/content-bg-repeat.gif') repeat-y;
	width: 980px;
	margin: 0 auto;
}
#content {
	background: url('../images/bg/content-bg.gif') no-repeat center bottom;
	padding: 20px 27px;
	min-height: 900px;
	height: auto !important;
	height: 600px;
}
.home #content {
	padding: 0 10px;
	min-height: 640px;
	height: auto !important;
	height: 640px;
}
#main {
	width: 687px;
	float: right;
	margin-top:70px;
}


/**********************************  SEARCH DROPDOWN JQUERY REPLACE  **********************************/

.jsEnabled .selectReplace{
	visibility: hidden;
}
#searchByType_input,
#orderBy_input,
#StateID_input,
#ColourID_input,
#orderSize_input,
#ProductID_input,
#orderGrind_input {
	background: url('../images/forms/select-bg.gif') no-repeat;
	border: 1px #b39a58 solid;
	cursor: pointer;
	padding: 4px 31px 4px 6px;
	width: 173px;
	position: absolute;
	font-size: .75em;
	font-family: tahoma, arial, sans-serif;
}
#StateID_input {
	background: url('../images/forms/pageform-select-bg.gif') no-repeat;
	width: 159px;
	padding-bottom: 5px;
}
#orderSize_input,
#ColourID_input,
#ProductID_input,
#orderGrind_input {
	width: 93px;
	background-image: url('../images/forms/orderform-select-bg.gif');
}
#searchByType_input:hover, #searchByType_input.hover {
	background-image: url('../images/forms/select-bg-hover.gif');
}
#StateID_input:hover, #StateID_input.hover  {
	background-image: url('../images/forms/pageform-select-bg-hover.gif');
}
#orderSize_input:hover, #orderSize_input.hover,
#ColourID_input:hover, #ColourID_input.hover,
#ProductID_input:hover, #ProductID_input.hover,
#orderGrind_input:hover, #orderGrind_input.hover  {
	background-image: url('../images/forms/orderform-select-bg-hover.gif');
}
#searchByType_container,
#orderBy_container,
#StateID_container,
#ColourID_container,
#orderSize_container,
#ProductID_container,
#orderGrind_container {
	top: 23px;
	border: 1px #b39a58 solid;
	position: absolute;
	background-color: #f8f4ea;
	overflow: auto;
	width: 210px;
	font-size: .75em;
	z-index: 10;
}
#StateID_container {
	width: 196px;
	top: 24px;
}
#orderSize_container,
#ColourID_container,
#ProductID_container,
#orderGrind_container {
	width: 130px;
}
.selectBoxContainer {
	position: relative;
	width: 212px;
	height: 25px;
	margin: 0 0 10px 0;
	z-index: 10;
}
#orderForm .selectBoxContainer {
	width: 132px;
	float: left;
	margin: 0 0 1px 0;
	clear: right;
}
#orderForm .selectBoxContainer.orderSize {
	z-index: 9;
}
div.selectbox-wrapper ul li.selected { 
	background-color: #efe3c3;
}
div.selectbox-wrapper ul li.current { 
	background-color: #e5d7af;
}
div.selectbox-wrapper ul li {
	cursor: pointer;
	padding: 7px 5px 6px 5px;
	height: 100%;
	width: 200px;
	float: left;
	margin: 0 !important;
}
#orderForm div.selectbox-wrapper ul li {
	width: 120px;
}
.memberSelectLi .selectBoxContainer {
	float: left;
	width: 204px;
	margin: 0;
}
.pageForm .memberSelectLi {
	overflow: visible;
	z-index: 10;
}
.memberSelectLi div.selectbox-wrapper ul li {
	padding-right: 5px;
	width: 186px;
}
#orderBy_input {
	background-image: url('../images/forms/select-short-bg.gif');
	width: 93px;
}
#orderBy_input:hover,
#orderBy_input.hover {
	background-image: url('../images/forms/select-short-bg-hover.gif');
}
#orderBy_container {
	width: 130px;
}
#orderBy_container ul li {
	width: 120px;
}


/********************************************  HOME PAGE  *********************************************/

#homeContainer {
	background: #e1d1a4 url('../images/home/home-container-bg.png') no-repeat center bottom;
	padding: 0 10px 50px 10px;
}
#homeContainer p {
	font-size: .6875em;
	font-family: tahoma, arial, sans-serif;
}
#homeBanner {
	background: #2b0d00 url('../images/home/home-banner-bg.gif') no-repeat right bottom;
	min-height: 209px;
	height: auto !important;
	height: 209px;
	font-family: tahoma, arial, sans-serif;
	position: relative;
	padding: 30px 20px 0 495px;
}
#homeBanner .bannerImg {
	position: absolute;
	left: 0;
	top: 0;
}
#homeBanner .sticker {
	position: absolute;
	bottom: -48px;
	right: 0;
}
#homeBanner p {
	color: #e1d1a4;
	margin: 0 0 2em 0;
}
#homeBanner h1 {
	color: #e1d1a4;
	font-size: 1.375em;
	margin: 0 0 .5em 0;
}
.homeCoffee101,
.homePromo,
.homeSearch,
.homePromoMain {
	float: left;
	margin: 0 2px 0 0;
	padding: 20px 10px 0 10px;
	position: relative;
	z-index: 10;
}
.homeCoffee101,
.homePromoMain {
	width: 458px;
	padding-left: 0;
}
.homeCoffee101 p {
	min-height: 4em;
	height: auto !important;
	height: 4em;
}
.coffee101Tagline {
	position: absolute;
	top: 34px;
	right: 15px;
	font-size: .75em;
	font-family: tahoma, arial, sans-serif;
	color: #2b0d00;
	font-weight: bold;
}
.homeCoffee101 h2 {
	font-family: georgia, arial, sans-serif;
	font-size: 1.75em;
}
.homePromo {
	width: 220px;
	position: relative;
}
.homePromo .sticker {
	position: absolute;
	top: 0;
	right: -1px;
}
.homePromo h2 {
	font-family: georgia, arial, sans-serif;
	font-size: 1.5em;
	margin-top: 3px;
	color: #000;
}
.homePromoMain {
	min-height: 129px;
	height: auto !important;
	height: 129px;
}
.homePromoMain .promoContent {
	text-indent: -9999em;
	width: 276px;
	height: 95px;
	background: url('../images/text-replace/espresso-promo-text.gif');
	margin: 0px 0 8px 5px;
}
.homePromoMain .promoImg {
	position: absolute;
	right: 0;
	top: 7px;
}
.homeSearch {
	width: 212px;
	margin: 0;
	padding-right: 6px;
}
.homeSearch h2 {
	font-family: georgia, arial, sans-serif;
	font-size: 1.5em;
	margin-top: 3px;
	color: #000;
}
#homeMain {
	background: url('../images/home/home-main-bg.gif') repeat-y;
	width: 960px;
	padding: 10px 0 20px 0;
	overflow: hidden;
}
.homeCoffees,
.homeTea,
.homeTop10 {
	float: left;
}
.homeCoffees h1,
.homeTea h1,
.homeTop10 h1 {
	text-indent: -9999em;
	height: 50px;
}
.homeCoffees h1 a,
.homeTea h1 a {
	display: block;
	height: 50px;
}
.homeCoffees {
	width: 479px;
}
.homeCoffees h1 {
	background: url('../images/home/title-coffees-unearthed.png');
	width: 255px;
	margin: 0 0 10px 5px;
}
.homeTea {
	width: 242px;
}
.homeTea h1 {
	background: url('../images/home/title-tea-infusions.png');
	width: 213px;
	margin: 0 0 10px 5px;
}
.homeTop10 {
	width: 239px;
}
.homeTop10 h1 {
	background: url('../images/home/title-top-10.png');
	width: 208px;
	margin: 0 0 10px 15px;
}
#homeMain .featuredProduct {
	float: left;
	width: 213px;
	padding: 0 13px 21px 13px;
	margin: 10px 0 0 0;
	background: url('../images/content-images/product-bag.jpg') no-repeat 133px 63px;
	min-height: 213px;
	height: auto !important;
	height: 213px;
	position: relative;
}
#homeMain .homeTea .featuredProduct {
	background: url('../images/content-images/product-bag-tea.jpg') no-repeat 112px 3px;
}
#homeMain .featuredProduct h2 {
	margin: 0 0 0.2em;
}
#homeMain .featuredProduct h2 a {
	text-decoration: none;
}
#homeMain .featuredProduct h2 a:hover {
	text-decoration: underline;
}
#homeMain .featuredProduct p {
	padding: 0 90px 0 0;
	margin: 0 0 10px 0;
}
#homeMain .featuredProduct .productFooter {
	position: absolute;
	bottom: 0;
	left: 15px;
	border-top: 1px #ddcd9e solid;
	padding: 10px 0 0 0;
	width: 213px;
	height: 21px;
}
#homeMain .featuredProduct .imgBtn {
	position: absolute;
	bottom: 0;
	right: 5px;
}
#homeMain .featuredProduct .price {
	color: #703c24;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	left: 5px;
	white-space: nowrap;
}
.homeTop10 ol {
	margin: 0 0 0 20px;
	line-height: 100%;
}
.homeTop10 li {
	background: no-repeat left top;
	padding: 1px 0 5px 30px;
}
.homeTop10 ol a {
	font-size: .75em;
	color: #333;
	text-decoration: none;
	line-height: 120%;
}
.homeTop10 li.ico-coffee { background-image: url('../images/icons/ico-coffee-bean-alpha.png') }
.homeTop10 li.ico-tea { background-image: url('../images/icons/ico-tea-alpha.png') }
.homeTop10 li.ico-hardware { background-image: url('../images/icons/ico-hardware-alpha.png') }
.homeTop10 li.ico-accessories { background-image: url('../images/icons/ico-accessories-alpha.png') }

.homeTop10 ol a:hover {
	text-decoration: underline;
}


/**********************************************  TABLES  **********************************************/

.productTable {
	width: 100%;
	border-bottom: 4px #eee7d4 solid;
	margin: 0 0 35px 0;
}
.productTable.hasFooter {
	border-bottom: 0;
	margin-bottom: 10px;
}
.productTable th {
	border-bottom: 5px #eee7d4 solid;
	font-size: .875em;
	font-weight: bold;
	color: #2d0f02;
	padding: 3px 3px 3px 9px;
	white-space: nowrap;
}
.productTable td {
	background: #e5d7af;
	padding: 3px 3px 3px 9px;
	font-size: .75em;
	color: #2d0f02;
}
.productTable td a {
	text-decoration: underline;
	color: #2d0f02;
}
.productTable td a:hover {
	text-decoration: none;
}
.productTable tr.light td {
	background: #eee7d4;
}
.productTable tr:hover td,
.productTable tr.hover td {
	background: #cab67e;
}
.productTable .imgBtn {
	float: right;
}
.productTable .tableRating {
	padding: 4px 0 2px 7px;
	vertical-align: middle;
	width: 140px;
}
.productTable .tableIcon {
	width: 26px;
	padding: 4px 0 2px 4px;
	vertical-align: middle;
	text-align: center;
}
.productTable .tableName {
	padding-left: 4px;
	width: 300px;
}
.productTable .tablePrice {
	text-align: right;
	width: 75px;
	white-space: nowrap;
}
.productTable .sortable {
	font-weight: bold;
	cursor: pointer;
	background: no-repeat right center;
	padding: 0 15px 0 0;
}
.productTable .tablePrice .sortable {
	background: no-repeat left center;
	padding: 0 0 0 15px;
}
.productTable .footerBtn td {
	background: #fff !important;
	padding-top: 10px;
	
	border-top: 5px #eee7d4 solid;
}
.productTable .sortable.down { background-image: url('../images/icons/ico-table-arrow-down.gif'); }
.productTable .sortable.up { background-image: url('../images/icons/ico-table-arrow-up.gif'); }

.pageForm .productTable label,
.pageForm .productTable input,
.pageForm .productTable textarea,
.pageForm .productTable select,
.pageForm .productTable .label {
	font-size: 1em;
	float: none;
}
.productTable tbody.loading {
	background: url('../images/icons/ico-ajax-loader-large.gif') no-repeat center 15px;
}
.productTable tbody.loading tr {
	visibility: hidden;
}


/********************************************  POSTAGE TABLE  *****************************************/

.postageTable {
	font-size: .75em;
	margin: 10px 9px 20px 9px;
	border-bottom: 4px #E1D1A4 solid;
	border-top: 4px #E1D1A4 solid;
}
.postageTable th {
	padding: 7px 5px 7px 20px;
	font-weight: bold;
	width: 50px;
}
.postageTable td {
	padding: 7px 20px 7px 0;
}
.postageTable td,
.postageTable th {
	background: #f0e8d1;
}
.postageTable tr.light td,
.postageTable tr.light th {
	background: #fff;
}


/********************************************  SHOPPING BAG  ******************************************/

.checkoutTable {
	border: 0;
	font-family: arial, sans-serif;
	margin: 10px 0 20px 0;
}
.checkoutTable td {
	background: #f0e8d1;
}
.checkoutTable tr.light td {
	background: #fff;
}
.checkoutTable th {
	border-bottom: 1px #e1d1a4 solid;
}
.checkoutTable .deleteIcon {
	width: 20px;
	padding: 4px 0 2px 4px;
	vertical-align: middle;
}
.checkoutTable.disabled .removeItem { 
	visibility: hidden;
}
.checkoutTable .totalRow td {
	border-top: 1px #e1d1a4 solid;
}
.checkoutTable .totalRow .tablePrice {
	background: #e1d1a4 !important;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: bold;
}
.checkoutTable .promoRow .tablePrice {
	background: #54a41d !important;
	padding-top: 7px;
	padding-bottom: 7px;
	font-weight: bold;
	color:#fff !important;
}
.checkoutTable .totalRow td,
.checkoutTable .promoRow td,
.checkoutTable .shippingRow td,
.checkoutTable .voucherRow td {
	background: #fff !important;
}
.pageForm .checkoutTable .shippingCol {
	background: #f0e8d1 !important;
	padding: 7px 9px 7px 17px;
}
.pageForm .checkoutTable .voucherCol { padding: 10px 0; }
.pageForm .checkoutTable .voucherMiddle { text-align: right; }

.checkoutTable tr:hover td,
.checkoutTable tr.hover td {
	background: #e1d1a4;
}
.productTable .removeItem {
	cursor: pointer;
	margin: -1px 0 0 3px;
}
.productTable .qtyCol input {
	width: 20px;
	text-align: right;
	padding-right: 4px;
}
.pageForm .checkoutTable input,
.pageForm .checkoutTable select {
	float: none;
}
.pageForm .checkoutTable select {
	width: auto;
}
.checkoutTable th {
	padding-bottom: 13px;
}
.checkoutTable .rightCol {
	padding-right: 10px;
	width: auto;
}
.checkoutTable .totalLabel {
	font-size: 1.2em;
	font-weight: bold;
}
.checkoutBtn {
	text-align: right;
}
.checkoutBtn .imgBtn {
	float: none;
	width: auto;
	padding: 0;
}
.checkoutForm .commentsBox {
	border: 1px solid #c9be9f;
	width: 581px;
	height: 154px;
	float: left;
	padding: 10px 10px 0 19px;
	font-family: arial, sans-serif;
	margin: 0 0 16px 0;
}
.checkoutForm .commentsBox label {
	width: auto;
	float: none;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.checkoutForm .commentsBox textarea {
	width: 565px;
	height: 105px;
	margin: 7px 0 0 0;
	padding: 1px 0 1px 4px; 
}
.totalBox {
	border: 1px solid #c9be9f;
	width: 276px;
	float: right;
	padding: 3px 10px 0 10px;
	font-family: arial, sans-serif;
	margin: 0 0 16px 0;
}
.totalBox table {
	width: 100%;	
}
.totalBox td {
	padding: 3px 0;
}
.totalBox .totalRow td {
	font-size: .9375em;
	font-weight: bold;
	color: #2d0f02;
	padding: 7px 0;
}
.totalBox .totalRow.subTotal td {
	font-size: .75em;
}
.totalBox .numCol {
	text-align: right;
	font-size: .75em;
}
/*
.totalBox .shippingRow input {
	width: 16px;
	height: 16px;
	vertical-align: top;
	float: none;
	margin: 0;
}
*/
.totalBox .shippingRow td {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: 1px #ccc dotted;
	border-top: 1px #ccc dotted;
}
.totalBox .shippingRow select {
	width: 90px;
	font-size: .6875em;
}
.totalBox .shippingRow option {
	padding: 0;
}
.totalBox .voucherPromoCol input {
	width: 60px;
}
.totalBox .voucherPromoCol label,
.totalBox .shippingRow label,
.totalBox .voucherPromoCol .label,
.totalBox .shippingRow .label {
	width: 120px;
	font-weight: bold;
}
.totalBox .borderTop td {
	padding-top: 7px;
}
.totalBox .borderBottom td {
	border-bottom: 1px #ccc dotted;
	padding-bottom: 7px;
}
.checkoutForm .totalBox span.input {
	float: left;
	font-family: arial,sans-serif;
	font-size: 0.75em;
	padding: 4px 0 4px 7px;
	vertical-align: top;
}


/**********************************************  FORMS  ***********************************************/

.pageForm {
	font-family: tahoma, arial, sans-serif;
	margin: 50px 0 20px 0;
	padding: 0 9px;
	width: 669px;
}
.pageForm label,
.pageForm input,
.pageForm .input,
.pageForm textarea,
.pageForm select,
.pageForm .label {
	font-size: .75em;
}
.pageForm ol {
	overflow: hidden;
	padding: 40px 0 25px 20px;
	width: 323px;
}
.pageForm ol .txtInput {
	background: url('../images/forms/input-bg.gif') no-repeat;
	border: 1px #b39a58 solid;
	font-size: .75em;
	padding: 4px 0 4px 6px;
	width: 190px;
	float: left;
	clear: right;
}
.pageForm ol .error .txtInput {
	border: 1px #ff0000 solid;
}
.pageForm li {
	padding: 0 0 2px 0;
	overflow: hidden;
	float: left;
	width: 304px;
	position: relative;
}
#main form .error p,
#ibox_content form .error p {
	color: #ff0000;
	margin: 0 0 0 100px;
	font-size: .6875em;
}
.pageForm .hasError {
	padding: 7px 10px 10px 19px;
	margin: 30px 0 -20px 0;
	position: relative;
}
#main .pageForm .hasError p {
	margin: 0 0 3px 0;
	padding: 0 0 0 20px;
	border: 0;
	background: url('../images/icons/ico-exclamation.gif') no-repeat 0 .1em;
}
.pageForm label, 
.pageForm .label {
	float: left;
	width: 100px;
	vertical-align: top;
	margin: 4px 0 0 0;
	padding: 2px 0;
}
.pageForm select {
	width: 198px;
}
.pageForm textarea {
	height: 155px;
}
.pageForm fieldset {
	position: relative;
	border: 1px #c9be9f solid;
	margin: 0 0 40px 0;
	width: 343px;
	float: left;
	clear: both;
}
.pageForm legend {
	font-size: .75em;
}
.pageForm legend span {
	position: absolute !important;
	left: 7px;
	top: -16px;
	border: 1px #c9be9f solid;
	padding: 6px 0 7px 12px;
	width: 150px;
	background: #e4dbc0 url('../images/forms/legend-bg.png');
}
.pageForm .twoCol {
	width: 669px;
}
.pageForm .twoCol.signup {
	z-index: 20;
}
.pageForm .twoCol.signup ol {
	overflow: visible;
	min-height: 134px;
	height: auto !important;
	height: 134px;
}
.pageForm .twoCol ol {
	width: 649px;
}
.pageForm .twoCol li {
	padding-right: 20px;
}
.pageForm .frmSubmit {
	margin: 0 0 -15px 21px;
	position: relative;
	top: -15px;
	clear: both;
}
.pageForm .checkbox {
	margin-top: 5px;
}
.pageForm .checkbox label {
	font-size: .6875em;
	position: relative;
	top: -4px;
	float: left;
	width: auto;
}
.pageForm .checkbox input {
	margin: 0 3px 0 100px;
	width: 15px;
	height: 15px;
	padding: 0;
	float: left;
}
.pageForm li.note {
	clear: both;
}
.pageForm li.note p {
	font-size: .6em;
	margin: 4px 0 0 92px;
}
.pageForm .radioList {
	float: left;
	width: 190px;
	margin: 5px 0 0 0;
}
.pageForm .radioList li {
	width: 190px;
	float: none;
}
.pageForm .radioList label {
	font-size: .6875em;
	position: relative;
	bottom: 4px;
}
.pageForm .radioList input {
	width: 16px;
	height: 16px;
	margin: 0 3px 0 0;
	float: left;
}
.pageForm.contactForm {
	width: 363px;
	float: left;
	margin-top: 30px;
	padding: 0;
}
form li.jqSR {
	overflow: visible !important;
}
.pageForm li.error input,
.pageForm li.error textarea,
.pageForm li.error select {
	border: 1px #ff0000 solid !important;
}


/********  LOGIN FORM  ********/

.memberLogin {
	overflow: hidden;
	width: 687px;
}
.memberLogin form {
	float: left;
	display: inline;
	padding: 0 30px 0 9px;
	border-right: 1px #2c0e01 solid;
	margin: 0 20px 0 0;
	width: 278px;
}
.memberLogin label {
	width: 80px;
}
.memberLogin li {
	width: auto !important;
}
.memberLogin form ol {
	margin: 10px 0;
	padding: 0;
	width: auto;
	position: relative;
}
.memberLogin form .imgBtn {
	margin: 0 0 0 80px;
}
.memberLogin .info {
	width: 220px;	
	float: left;
}
.memberLogin h2,
.memberLogin p {
	padding: 0 !important;
}
.memberLogin a.lostPassLink {
	float: right;
	font-size:0.75em;
	margin-top: 5px;
}


/********  ORDER FORM  ********/

#orderForm label, #orderForm .label {
	font-size: .75em;
	float: left;
	width: 100px;
	margin: 6px 0 0 0;
	clear: left;
}
#orderForm label.long, 
#orderForm .label.long {
	width: 180px;
}
#orderForm .txtInput {
	background: url(../images/forms/input-bg.gif) no-repeat;
	border: 1px solid #B39A58;
	font-size: 0.75em;
	margin: 0 0 2px 0;
	padding: 4px 0 4px 6px;
	width: 70px;
	float: left;
}
#orderForm select {
	font-size: .75em;
}
#orderForm li {
	margin: 0 0 3px 0;
	overflow: hidden;
}
#orderForm textarea.txtInput {
	width: 268px;
}
#orderForm .imgBtn {
	margin: 10px 0 0 100px;
}
#orderForm .imgBtn.long {
	margin-left: 180px;
}
#orderForm .error p {
	font-size: .6875em;
}
#orderForm .error {
	min-height: 41px;
	height: auto !important;
	height: 41px;
}
#orderForm .chkGrp label {
	display: block;
	margin: 5px 15px 0 0;
	padding-left: 5px;
	width: auto;
	clear: none;
}
#orderForm .chkGrp input {
	float: left;
	height: 16px;
	margin: 1px 0 0;
	width: 16px;
}
#orderForm li.chkGrp {
	margin: 0 0 6px;
}
#orderForm .txtInput.long {
	width:268px;
}


/********  SMALL FORM  ********/

.smallForm {
	font-family: tahoma, arial, sans-serif;
}
.smallForm label {
	font-size: .75em;
	position: absolute;
	top: 5px;
	left: 8px;
}
.smallForm .inputContainer input {
	background: url('../images/forms/input-bg.gif') no-repeat;
	border: 1px #b39a58 solid;
	font-size: .75em;
	font-family: tahoma, arial, sans-serif;
	padding: 4px 0 4px 6px;
	width: 204px;
	margin: 0 0 2px 0;
}
.smallForm select {
	width: 212px;
	margin: 0 0 2px 0;
	font-family: tahoma, arial, sans-serif;
}
.smallForm .inputContainer {
	position: relative;
}
#grinderInput {
	margin: 0 0 11px 0;
}
#search {
	position: relative;
	z-index: 10;
}


/********  SORT FORM  ********/

#sortForm {
	position: relative; 
	height: 23px; 
	top: 4px;
	float: right;
	width: 190px;
	z-index: 10;
}
#sortForm .imgBtn {
	position: absolute;
	right: 0;
}

/********  CHECKOUT FORM  ********/

.checkoutForm {
	width: 926px;
	padding: 0;
	margin-top: 20px;
}
.checkoutForm fieldset {
	float: left;
	clear: none;
	width: 296px;
	display: inline;
	margin: 50px 16px 16px 0;
}
.checkoutForm fieldset ol {
	width: 276px;
	min-height: 260px;
	height: auto !important;
	height: 260px;
}
.checkoutForm li {
	width: 260px;
	margin: 0 0 1px 0;
	height: 23px;
}
.checkoutForm input {
	width: 150px;
	padding: 1px 0 1px 4px;
	float: left;
}
.checkoutForm input.short {
	width: 37px;
}
.checkoutForm select {
	width: 158px;
	float: left;
	padding: 1px 0;
}
.checkoutForm label {
	margin: 2px 0 0 0;
}
.checkoutForm #expiryMonth,
.checkoutForm #expiryYear {
	width: auto;
}
.checkoutForm .expiryDivide {
	float: left;
	margin: 3px 5px 0 5px;
	font-size: .75em;
}
.checkoutForm .cvcInfo {
	font-size: .6875em;
	float: left;
	margin: 5px 5px 0 5px;
}
.checkoutForm .cvcInfo a {
	cursor: help;
}
.checkoutForm .billingCopy {
	padding: 4px 0 5px 0;
	height: auto;
}
.checkoutForm .billingCopy input {
	width: 16px;
	height: 16px;
	margin: 0 5px 0 99px;
}
.checkoutForm .billingCopy label {
	width: auto;
	font-size: .6875em;
	margin: 0;
}
.checkoutForm .SSL {
	margin: 7px 0 0 100px;
	border: 1px #c9be9f solid;
}
.checkoutForm .ccInfo {
	margin-right: 0;
}
.checkoutForm .ccInfo ol {
	min-height: 239px;
	height: auto !important;
	height: 239px;
	padding-bottom: 20px;
	padding-top: 66px;
}
.checkoutForm.loading fieldset ol,
.checkoutForm.loading .qtyCol input,
.checkoutForm.loading table select,
.checkoutForm.loading .voucherCol input,
.checkoutForm.loading .deleteIcon img {
	visibility: hidden;
}
.checkoutForm.loading fieldset {
	background: url('../images/icons/ico-ajax-loader.gif') no-repeat center center;
}
.checkoutForm fieldset span.input {
	font-size: .75em;
	padding: 4px 0 4px 7px;
	float: left;
	font-family: arial, sans-serif;
	vertical-align: top;
}
.checkoutForm table span.input {
	white-space: nowrap;
	padding: 3px 2px;
	font-family: arial, sans-serif;
}
.checkoutForm .disabled label,
.checkoutForm .disabled .totalBox td {
	color: #bbb;
}
.checkoutTable.productTable.disabled td {
	background: #fff !important;
}


/*********************************************  RATINGS  **********************************************/

.tableRating div,
.descRating {
	width: 100px;
	height: 21px;
	text-indent: -9999em;
	background-repeat: no-repeat;
}
.rating-coffee-0, .rating-coffee-1, .rating-coffee-2, .rating-coffee-3, .rating-coffee-4, .rating-coffee-5 { 
	background-image: url('../images/ratings/ico-rating-coffee.png');
}
.rating-tea-0, .rating-tea-1, .rating-tea-2, .rating-tea-3, .rating-tea-4, .rating-tea-5 { 
	background-image: url('../images/ratings/ico-rating-tea.png');
}
.rating-hw-0, .rating-hw-1, .rating-hw-2, .rating-hw-3, .rating-hw-4, .rating-hw-5 { 
	background-image: url('../images/ratings/ico-rating-hardware.png');
}
.rating-acc-0, .rating-acc-1, .rating-acc-2, .rating-acc-3, .rating-acc-4, .rating-acc-5 { 
	background-image: url('../images/ratings/ico-rating-accessories.png');
}
.rating-coffee-0, .rating-tea-0, .rating-hw-0, .rating-acc-0 { background-position: 0 -105px }
.rating-coffee-1, .rating-tea-1, .rating-hw-1, .rating-acc-1 { background-position: 0 -84px }
.rating-coffee-2, .rating-tea-2, .rating-hw-2, .rating-acc-2 { background-position: 0 -63px }
.rating-coffee-3, .rating-tea-3, .rating-hw-3, .rating-acc-3 { background-position: 0 -42px }
.rating-coffee-4, .rating-tea-4, .rating-hw-4, .rating-acc-4 { background-position: 0 -21px }
.rating-coffee-5, .rating-tea-5, .rating-hw-5, .rating-acc-5 { background-position: 0 0 }


.ui-rating-wrapper {
	overflow: hidden;
	height: 21px;
	margin: 0 0 0 20px;
}
.ui-stars-star,
.ui-stars-cancel {
	float: left;
	display: block;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
	height: 21px;
	display: block;
	background: no-repeat 0 0;
}
.ui-ico-rating-coffee a { background-image: url('../images/ratings/ico-ui-rating-coffee.png'); width: 20px }
.ui-ico-rating-tea a { background-image: url('../images/ratings/ico-ui-rating-tea.png'); width: 24px; }
.ui-ico-rating-hardware a { background-image: url('../images/ratings/ico-ui-rating-hardware.png'); width: 24px; }
.ui-ico-rating-accessories a { background-image: url('../images/ratings/ico-ui-rating-accessories.png'); width: 22px; }

.ui-stars-star a {
	background-position: 0 0;
}
.ui-stars-star-on a {
	background-position: 0 -21px;
}
.ui-stars-star-hover a {
	background-position: 0 -42px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
	cursor: default !important;
}

/******************************************  MESSAGE BOXES  *******************************************/

#msgBox {
	font-size: .75em !important;
	border: 1px #ccc solid;
	background: #eee;
	padding: 10px !important;
}
#msgBox.msgError {
	border: 1px #ff0000 solid;
	background: #f6d5d5;
}
#msgBox.msgSuccess {
	border: 1px #04af30 solid;
	background: #defce6;
}
#msgBox.msgBlank {
	display: none;
}


/***********************************  HARDWARE & ACCESSORIES LIST  ************************************/

.itemList {
	width: 687px;
	overflow: hidden;
	margin: 0 0 20px 0;
}
.itemList li {
	float: left;
	width: 157px;
	margin: 0 0 0 19px;
	display: inline;
	height: 232px;
}
.itemList li.f {
	margin-left: 0;
}
.itemList .itemThumb {
	border: 1px #ebddb5 solid;
	display: block;
}
.itemList .itemThumb:hover {
	border: 1px #b39a58 solid;
}
.itemList .itemName {
	padding: 4px 3px;
	font-size: .75em;
	line-height: 120%;
	text-align: center;
}
.itemList .itemName a {
	text-decoration: none;
	font-weight: bold;
}
.itemList .itemName a:hover {
	text-decoration: underline;
}
.itemList .itemPrice {
	padding: 3px 4px;
	position: relative;
	overflow: hidden;
	width: 149px;
	text-align: center;
}
.itemList .itemPrice .imgBtn {
	float: right;
}
.itemList .itemPrice span {
	font-size: .75em;
	margin: 3px 0 0 0;
	
}


/******************************************  PRODUCT DETAIL  ******************************************/

.productMain {
	width: 380px;
	padding: 0 0 30px 307px;
	margin: 0 0 25px 0;
	position: relative;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	border-bottom: 1px #cecece solid;
}
.productMain .price {
	font-weight: bold;
	font-size: 2em;
	color: #333;
	position: absolute;
	top: 0;
	right: 10px;
	line-height: 120%;
}
.productDetails {
	position: absolute;
	width: 276px;
	top: 0;
	left: 0;
}
.productDesc {
	min-height: 142px;
	height: auto !important;
	height: 142px;
	padding: 0 10px 15px 0;
	color: #333;
	font-size: .75em;
	line-height: 140%;
}
.productDesc h2 {
	font-size: 1.5em;
	line-height: 120%;
}
#main .productMain p {
	padding: 0;
	font-size: 1em;
}
#main .productMain h2 {
	padding: 0 140px 0 0;
	margin: 0 0 .7em 0;
}
#main .productDetails h3 {
	margin: 15px 0 7px 22px;
	padding: 0;
}
.productDetails .coffeeTypeIcons {
	margin: 20px 0 0 9px;
	width: 276px;
}
.productDetails .coffeeTypeIcons img {
	margin: 0 8px;
}
.productDetails .roastStrength {
	margin: 20px 0 0 15px;
	text-align: center;
}
.productDetails .brewingMethods {
	margin: 0 0 0 12px;
	width: 276px;
}
.productDetails .brewingMethods img {
	margin: 0 5px;
}
.productDetails .descRating {
	margin: 0 0 0 15px;
}


/********************************************  ERROR PAGES  *******************************************/

.errorPage404 {
	background: url('../images/content-images/404.jpg') no-repeat left top;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	padding: 170px 20px 0 420px;
}
.errorPage404 h1,
.errorPage403 h1,
.errorPage500 h1 {
	font-size: 1.3em;
	margin: 0 0 1em 0;
}
.errorPage404 h1 {
	margin-left: -30px;
}
.errorPage404 p {
	margin-left: -30px;
}
.errorPage403 h1 {
	padding-left: 9px !important;
}
.errorPage500 {
	background: url('../images/content-images/500.jpg') no-repeat left top;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 155px 20px 0 380px;
}
.errorPage403 {
	background: url('../images/content-images/403.jpg') no-repeat left top;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	padding: 185px 20px 0 330px;
}


/*******************************************  CONTACT PAGE  *******************************************/

.contactDetails {
	float: left;
	margin: 30px 0 0 10px;
	width: 314px;
	line-height: 110%;
}
#main .contactDetails h2 {
	padding: 0;
	margin: 0 0 10px 0;
	position: relative;
	width: 314px;
}
.contactDetails h2 span {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: .6em;
}
.contactDetails h2 span a:hover {
	text-decoration: none;
}
.contactDetails address {
	font-size: .75em;
	float: left;
}
.contactDetails .phNums {
	font-size: .75em;
	float: right;
}
.contactDetails .locationMap {
	border: 3px #d8cfb4 solid;
	margin: 0 0 10px 0;
}
.shopInfo {
	margin: 15px 0 0 0;
}
#main .shopInfo h3 {
	padding: 0;
}
.shopInfo ul {
	font-size: .75em;
	line-height: 140%;
}


/*********************************************  TOOLTIPS  *********************************************/

.tooltip {
	vertical-align: top;
	margin: 0 0 0 15px;
	cursor: help;
}
#tooltip {
	position: absolute;
	background: url('../images/boxes/tooltip-bg-bottom.png') no-repeat center bottom;
	padding: 0 0 13px 0;
	color: #333;
	display: none;
	width: 250px;
}	
#tooltip p {
	margin: 0;
	font-size: .6875em;
	background: url('../images/boxes/tooltip-bg-top.png');
	width: 210px;
	padding: 10px 20px 0 20px;
}
#errorBubble {
	position: absolute;
	background: url('../images/boxes/tooltip-bg-bottom.png') no-repeat center bottom;
	padding: 0 0 13px 0;
	color: #333;
	display: none;
	width: 250px;
	z-index: 100;
}	
#errorBubble div.tipContent {
	margin: 0;
	background: url('/images/boxes/tooltip-bg-top.png');
	width: 210px;
	padding: 10px 20px 10px 20px;
}
.errorIcon {
	position: absolute;
	cursor: help;
	top: 10px;
	right: 16px;
	width: 22px;
	height: 22px;
	background: url('../images/icons/ico-error.png');
	z-index: 100;
}
.errorIcon * {
	display: none;
}
#screenshot {
	position: absolute;
	background: #F0E8D1;
	padding: 8px 8px 10px 8px;
	display: none;
	color: #333;
	width: 226px;
	border: 1px #333 solid;
	font-size: .6875em;
}
#screenshot img {
	border: 1px #333 solid;
	margin: 0 0 10px 0;
}
#errorBubble ul {
	font-size: .75em;
	list-style-type: disc;
	margin: 0 0 0 15px;
	color: #ff0000;
}
#errorBubble li {
	line-height: 140%;
}


/***********************************************  IBOX  ***********************************************/

#ibox_wrapper {
	background: #e0cfa2 !important;
	border: 1px #a19369 solid !important;
	padding: 30px 15px 30px 15px;
}
#ibox_content {
	background: #fff !important;
	border: 1px #978a64 solid !important;
	padding: 20px 20px 10px 30px;
	margin: 0 !important;
}
#ibox_content h1 {
	font-size: 1.25em;
	margin: 0 0 1em 0;
}
#ibox_footer_wrapper a {
	border: 0 !important;
	background: url('../images/icons/ico-close.gif') no-repeat right center !important;
	padding: 0 22px 0 0;
}
#ibox_wrapper .iboxMsg {
	font-size: 1.125em;
	color: #2d0f02;
	padding: 20px 40px 20px 70px;
	line-height: 120%;
}
#ibox_wrapper .iboxSuccess { background: url('../images/icons/ico-ibox-success.png') no-repeat left center; }

.iboxButtons {
	text-align: right;
}
.iboxButtons img {
	margin: 0 30px 0 0;
}


/******************************************  CALENDAR ICON  *******************************************/

.calendarIcon {
	width: 52px;
	height: 57px;
	background: url('../images/icons/ico-calendar.png');
	position: relative;
	color: #391b0e;
	font-size: 10px;
	float: left;
	margin: 0 16px 0 0;
	top: -7px;
	display: block;
}
.calendarIcon span {
	position: absolute;
}
.calendarIcon .calMonth {
	color: #d1c3a2;
	text-transform: uppercase;
	top: 4px;
	left: 16px;
}
.calendarIcon .calDate {
	font-size: 23px;
	top: 26px;
	left: 13px;
}
.calendarIcon .calYear {
	bottom: -4px;
	left: 15px;
}


/**********************************************  COMMON  **********************************************/

.imgBtn {
	cursor: pointer;
	background: none;
	font-size: 0;
	overflow: hidden;
	border: 0;
	text-decoration: none;
}
.imgBtn.disabled {
	cursor: auto;
}
.disabled .imgBtn {
	cursor: default;
	opacity: .5;
	filter: alpha(opacity=50);
}
.imgBtn:hover {
	text-decoration: none;
}
.contentList {
	color: #2f1205;
	font-size: .75em;
	line-height: 140%;
	margin: 0 0 2em 34px;
	padding: 0 10px 0 0;
	list-style-position: outside;
}
.contentList li {
	margin: 0 0 10px 0;	
}
.centeredList {
	color: #2f1205;
	font-size: .75em;
	line-height: 140%;
}
.centeredList li {
	margin: 0 0 10px 0;	
}
ol.contentList {
	list-style-type: decimal;
}
ol.contentList.alpha {
	list-style-type: lower-alpha;
}
ul.contentList {
	list-style-type: disc;
}
.contentImgRight {
	float: right;
	margin: 0 0 10px 10px;
}
div.contentImgRight {
	margin: 0 0 15px 15px;
}
.contentImgBorder {
	padding: 5px;
	border: 1px #c9be9f solid;
	position: relative;
}
.contentImgLogo {
	position: absolute;
	bottom: -13px;
	left: -13px;
}
.contentDL {
	font-size: .75em;
	line-height: 140%;
	color: #2f1205;
}
.contentDL dt {
	font-weight: bold;
}
.contentDL dd {
	margin: 0 0 1.4em 0;
}
.newsList li {
	margin: 0 0 50px 0;
}
.newsList h2 {
	margin: 0 0 1.2em 0;
	line-height: 120%;
}
.newsList li li {
	margin: 0 0 5px 0;
}
.noMargin {
	margin: 0;
}

/** TEST **/

#main .productHeader {
	padding: 5px 9px 6px 40px;
	background: no-repeat left center;
	width: 638px;
}
#main .productHeader h2 {
	font-size: 1.25em;
	padding: 0 0 0 0;
	margin: 0 0 -3px 0;
}
#main .productHeader.icoOrganic { background-image: url('../images/icons/ico-type-organic-small.gif'); }
#main .productHeader.icoCCBlend { background-image: url('../images/icons/ico-type-company-blend-small.gif'); }
#main .productHeader.icoSingleOrigin { background-image: url('../images/icons/ico-type-single-origin-small.gif'); }
#main .productHeader.icoDecaf { background-image: url('../images/icons/ico-type-decaf-small.gif'); }
#main .productHeader.icoAlliance { background-image: url('../images/icons/ico-type-rainforest-alliance-small.gif'); }
#main .productHeader.icoSample { background-image: url('../images/icons/ico-type-sample-small.gif'); }
#main .productHeader.icoFlavoured { background-image: url('../images/icons/ico-type-flavoured-coffee-small.gif'); }
#main .productHeader.icoGreen { background-image: url('../images/icons/ico-type-green-coffee-small.gif'); }

#main .productHeader .desc {
	font-size: .6875em;
	margin: 0 0 0 2px;
	color: #9f8745;
}


/** END TEST **/

#main h2.hasIcon {
	padding: 7px 9px 6px 40px;
	background: no-repeat left center;
	font-size: 1.25em;
}
#main h2.hasIcon.icoOrganic { background-image: url('../images/icons/ico-type-organic-small.gif') }
#main h2.hasIcon.icoCCBlend { background-image: url('../images/icons/ico-type-company-blend-small.gif'); }
#main h2.hasIcon.icoSingleOrigin { background-image: url('../images/icons/ico-type-single-origin-small.gif'); }
#main h2.hasIcon.icoDecaf { background-image: url('../images/icons/ico-type-decaf-small.gif'); }

h2.hasIcon.icoBlackTea { background-image: url(../images/icons/black-tea.gif); background-repeat:no-repeat; }
h2.hasIcon.icoGreenTea { background-image: url(../images/icons/green-tea.gif); background-repeat:no-repeat; }
h2.hasIcon.icoFruitTea { background-image: url(../images/icons/fruit-herbal-tea.gif); background-repeat:no-repeat; }
h2.hasIcon.icoOrganicTea { background-image: url(../images/icons/organic-tea.gif); background-repeat:no-repeat; }
h2.hasIcon.icoSampleTea { background-image: url(../images/icons/sample-tea.gif); background-repeat:no-repeat; }


#main h2.hasIconSm {
	padding: 7px 9px 6px 40px;
	background: no-repeat left center;
	margin-left: 9px;
}
#main h2.hasIconSm.icoDispatch { background-image: url('../images/icons/ico-dispatch.png'); }
#main h2.hasIconSm.icoFreight { background-image: url('../images/icons/ico-freight.png'); }
#main h2.hasIconSm.icoDeliveryTime { background-image: url('../images/icons/ico-clock.png'); }
#main h2.hasIconSm.icoAfterSales { background-image: url('../images/icons/ico-after-sales.png'); }
#main h2.hasIconSm.icoCCSecurity { background-image: url('../images/icons/ico-cc-security.png'); }

.itemThumb img {
	width: 149px;
	padding: 3px;
	height: 158px;
}





a.enquire{
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/buttons/btn-send-enquiry.gif) top left no-repeat;
	width:122px;
	height:26px;
	margin-top:6px;
}

a.enquire:hover{
	display:inline-block;
	text-indent:-9999px;
	background:url(../images/buttons/btn-send-enquiry-hover.gif) top left no-repeat;
}

/**********************************************  ADD THIS  **********************************************/


.addthis_button{
	position: absolute;
	right: 16px;
	top: 35px;
}

.twitter{
	position: absolute;
	right: 156px;
	top: 22px;
}




/**********************************************  Offers  **********************************************/


.offers{
	float:right;
	margin-left:15px;
}


#socialNetworking{
	width:980px;
	margin:0px auto;
	position:relative;
	text-align:center;
}

#socialNetworking a{
	display:inline-block;
	padding:0 10px 15px 10px;
}








/**********************************************  Carlisle Tea  **********************************************/


#masthead{
	width:960px;
	height:268px;
	background:#77a12e url(../images/bg/masthead.gif) bottom center no-repeat;
	position:relative;
}

#masthead img.homeImg{
	margin-left:10px;
	float:left;
}

#content{
	padding:0px 10px;
}

#masthead h2{
	margin-left:514px;
	padding-top:15px;
	font-size:1.5em;
	color:#fff;
}

#masthead p{
	margin-left:514px;
	margin-right:40px;
	color:#fff;
}

#carlisle{
	width:885px;
	margin:0px auto;
	position:relative;
}

#carlisle h1{
	font-size:1.575em;
	margin-top:20px;
	color:#77a12e;
	margin-bottom:10px;
	margin-right:50px;
}

#carlisle p{
	margin-right:50px;
}

#teaTypes{
	margin-top:25px;
}

#teaTypes ul{
	width:885px;
}

#teaTypes ul li{
	display:inline;
	width:177px;
	float:left;	
}

#teaTypes h2{
	padding-left:45px;
	height:26px;
	padding-top:13px;
	text-transform:uppercase;
	font-size:0.725em;
	font-weight:bold;
}

#teaTypes p{
	border-left:1px dotted #595959;
	padding-left: 27px;
	margin-left:16px;
	width:128px;
	font-size:0.725em;
	height:190px;
	position:relative;
}

#teaTypes ul li img{
	padding-top:15px;
	position:absolute;
	bottom:0px;
	left:25px;
}

#teaHardware {
	float:left;
	width:295px;
	padding-top:20px;
}

#teaHardware h2.hasIcon.icoTeaIcon { 
	background-image: url(../images/icons/tea-leaf.gif); background-repeat:no-repeat;
	padding-left: 50px;
	padding-top: 10px;
	height: 40px;
}

#teaAccessories {
	float:left;
	width:295px;
	padding-top:20px;
}

#teaAccessories h2.hasIcon.icoTeaIcon { 
	background-image: url(../images/icons/tea-leaf.gif); background-repeat:no-repeat;
	padding-left: 50px;
	padding-top: 10px;
	height: 40px;
}

#teaSpecials {
	float:left;
	width:295px;
	padding-top:20px;
	padding-bottom: 40px;
}

#teaSpecials h2.hasIcon.icoTeaIcon { 
	background-image: url(../images/icons/tea-leaf.gif); background-repeat:no-repeat;
	padding-left: 50px;
	padding-top: 10px;
	height: 40px;
}

#heardwareAccessories div h2{
	padding-left:50px;
	height:30px;
	padding-top:10px;
}

#footer ul li{
	display:inline;
	text-transform:uppercase;
	font-size:0.675em;
	font-weight:bold;
	color:#fff;
	padding:0 10px
}

#footer ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

#footer ul{
	text-align:center;
	width:960px;
	padding-top:38px;
}

#footer ul.subfooter{
	margin-top:-35px;
}

#footer ul.subfooter li{
	text-transform:none;
	color:#b1b1b1;
}




#promo{
	position:absolute;
	right:-55px;
	top:-5px;
}


/******************* Special Offer Tile ****************************/


#specialOffer h2.hasIcon.icoTeaIcon { 
	background-image: url(../images/icons/tea-leaf.gif); background-repeat:no-repeat;
	padding-left: 50px;
	height: 40px;
}

.specialOffer {
	height:150px;
	width:295px;
	margin-bottom:20px;
}

.specialContent {
	height:140px;
	width:110px;
	float:right;
	margin:18px 7px 0 0;
}

.specialContent p {
	margin:0 !important;
	padding:0 !important;
}

.shopTea {
	display: block;
	width: 100px;
	height: 27px;
	background: url('../images/buttons/shop-tea.gif') bottom  no-repeat;
	text-indent: -99999px;
	margin-top:13px;
}

.shopTea:hover {
	background-position: 0 0;
}