@charset "utf-8";
body,td,th,input,textarea {
	font-family: Constantia, Georgia, Times New Roman, Times, serif;
	font-size: 15px;
	color: #000;
}
body {
	background-color: #F1EFE2;
	background-image: url(images/bg_page.png);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: top;
}
a:link {
	color: #850000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #850000;
}
a:hover {
	text-decoration: none;
	color: #850000;
	background-color: #DFD1AB;
}
a:active {
	text-decoration: none;
	color: #850000;
}
h1 {
	font-size: 30px;
	color: #520C11;
	font-weight:normal;
}
h2 {
	font-size: 18px;
	color: #520C11;
	font-weight:normal;
}
h3 {
	font-size: 17px;
	color: #000;
	font-weight:normal;
}
h4 {
	font-size: 22px;
	color: #520C11;
	font-weight:normal;
}
h5 {
	font-size: 16px;
	color: #520C11;
	font-weight:normal;
}
h6 {
	font-size: 15px;
	color: #520C11;
	font-weight:normal;
	margin:0;
	padding:0;
}
h6>p {
	margin:0;
}
#outercontainer {
	background: #F1EAD5 url(images/bg_maincontainer.png) repeat-y center;
	width: 892px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
}
#maincontainer {
	background: url(images/bg_header.jpg) no-repeat top;
	min-height: 398px;
}
#maincontainer_bottom {
	font-size: 0px;
	line-height: 0px;
	background: url(images/bg_maincontainer_bottom.png);
	height: 27px;
	width: 892px;
}
#footer {
	background: url(images/bg_footer.jpg);
	height: 134px;
	position: relative;
	color: #FFF;
}
#header {
	position: relative;
	height: 180px;
	z-index:3000;
}
#logo {
	position: absolute;
	height: 129px;
	width: 186px;
	left: 671px;
	top: 40px;
}
#cup_left {
	background: url(images/cup_left.jpg) no-repeat;
	height: 250px;
	width: 76px;
	position: absolute;
	top: 0px;
	left: -76px;
}
#footer a {
	color: #FFF;
	text-decoration: underline;
}
#footer a:hover {
	text-decoration: none;
	color: #000;
	background-color:#F0EBD7;
}
#address {
	position: absolute;
	left: 28px;
	top: 50px;
	font-size: 14px;
	width: 550px;
}
#summary {
	font-size: 12px;
	position: absolute;
	left: 28px;
	top: 8px;
	width: 840px;
}

#copyright {
	font-size: 12px;
	width: 440px;
	position: absolute;
	left: 28px;
	bottom: 20px;
}
#phonenumber {
	font-size: 37px;
	position: absolute;
	top: 35px;
	right: 24px;
}
#emailaddress {
	font-size: 20px;
	position: absolute;
	right: 24px;
	bottom: 20px;
}
#topphoto {
	background: #302517 url(images/bg_topphoto_shadow.png) repeat-x bottom;
	padding-bottom: 12px;
	height: 310px;
}
#mainbody {
	width: 870px;
	margin-left: 11px;
	position: relative;
	padding-bottom: 17px;
}
.largertext {
	font-size: 17px;
}
.rightcol {
	width: 604px;
	margin-left: 222px;
}
.leftcol {
	float: left;
	width: 200px;
	margin-left: 10px;
	padding-bottom: 223px;
}


#menubar {
	position: absolute;
	left: -56px;
	top: 252px;
	z-index:1000;
	width:220px;
}
#menubar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width:220px;
}
#menubar ul li {
	height: 30px;
	padding: 0px;
	margin: 0px 0px 9px;
	list-style: none;
	display:block;
	width:220px;
}

#menubar ul li a {
	display: block;
	background: url(images/bg_menubar.png) #A00101;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 10px;
	border: 1px solid #A40000;
	height:22px;
	width:200px;
}
#menubar ul li a:hover {
	background: url(images/bg_menubar_f2.png) #760000;
}
#menubar ul li.active a {
	background: url(images/bg_menubar_f2.png) #760000;
	color: #FC3;
}
#sysmenu {
	position: absolute;
	left: 243px;
	top: 132px;
	width:auto;
}
#sysmenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size:100%;
	width:auto;
}
#sysmenu ul li {
	height: 24px;
	padding: 0px;
	margin: 0 8px 0 0;
	list-style: none;
	font-size: 100%;
	float: left;
	/*display: inline;*/
	width: auto;
	white-space: nowrap;
	position: relative;
}

#sysmenu ul li a {
	display: block;
	color: #540D11;
	font-size: 15px;
	font-weight: bold;
	padding: 2px 8px;
	height:20px;
	width: auto;
	float:left;
}
#sysmenu ul li a:hover {
	color: #FFF;
	background: none;

}
#sysmenu ul li.active a {
	background: #540D11;
	color: #FFF;
}
#strapline {
	background: url(images/strapline.jpg);
	height: 223px;
	width: 153px;
	position: absolute;
	left: 28px;
	bottom: 0px;
}
a.machinebutton {
	display: block;
	height: 113px;
	width: 110px;
	text-align:left;
	font-size:17px;
	color:#000;
	padding: 50px 70px 0 15px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
}
a#btn_highvolume {
	background: url(images/btn_highvolume.jpg);
}
a#btn_beantocup {
	background: url(images/btn_beantocup.jpg);
}
a#btn_espresso {
	background: url(images/btn_espresso.jpg);
}

a#btn_findus {
	background: url(images/btn_findus.jpg);
	display: block;
	height: 39px;
	width: 195px;
	text-align:left;
	font-size:18px;
	color:#530C11;
	padding: 15px 0px 0 15px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	margin-left: -7px;
}
a#btn_cafitesse {
	background: url(images/btn_cafitesse.jpg);
	display: block;
	height: 109px;
	width: 380px;
	text-align:left;
	font-size:15px;
	color:black;
	padding: 30px 210px 0 15px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
}
a#btn_espressoingredients {
	background: url(images/btn_espressoingredients.jpg);
	display: block;
	height: 114px;
	width: 372px;
	text-align:left;
	font-size:15px;
	color:black;
	padding: 30px 210px 0 15px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
}
a#btn_beantocupingredients {
	background: url(images/btn_beantocupingredients.jpg);
	display: block;
	height: 114px;
	width: 372px;
	text-align:left;
	font-size:15px;
	color:black;
	padding: 30px 210px 0 15px;
	position: relative;
	background-position: top left;
	background-repeat: no-repeat;
}
.buttontitle {
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:bold;
	font-size: 17px;
	display:block;
	color: #540D11;
}
a:hover#btn_highvolume {background: url(images/btn_highvolume_f2.jpg);}
a:hover#btn_beantocup {background: url(images/btn_beantocup_f2.jpg);}
a:hover#btn_espresso {background: url(images/btn_espresso_f2.jpg);}
a:hover#btn_findus {background: url(images/btn_findus_f2.jpg);}
a:hover#btn_cafitesse {background: url(images/btn_cafitesse_f2.jpg);}
a:hover#btn_beantocupingredients {background: url(images/btn_beantocupingredients_f2.jpg);}
a:hover#btn_espressoingredients {background: url(images/btn_espressoingredients_f2.jpg);}
.machinetitle {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	color: #540D11;
	display: block;
	left: 15px;
	top: 15px;
	font-size: 18px;
	position: absolute;
}
.formlabel {
	width: 140px;
	float: left;
	text-align: right;
	padding-right: 10px;
}
.formfield {
	margin-left: 150px;
}
.formrow {
	margin-bottom: 5px;
}
.bigbutton {
	padding: 5px;
}

.flatborder{
	border: 1px solid #5F8DBE;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #990000;
	background-color:#FFF8F8;
}
.validation-advice {
	margin: 0 0 5px 0;
	color:#990000;
	font-size: 11px;
}
.textinput {
	width: 400px;
}
#frmEnquiry {
	background: #DFD1AB;
	padding: 10px;
}
#googlemap {
	margin-top: 20px;
}
.tinytext {
	font-size: 12px;
}
.hasspaceabove10 {
	margin-top: 10px;
}
.hasspaceabove30 {
	margin-top: 40px;
}
.hasspaceabove60 {
	margin-top: 60px;
}
.hasspaceabove150 {
	margin-top: 150px;
}
.hasspaceabove400 {
	margin-top: 400px;
}
.centered {
	text-align: center;
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	clear: both;
	height: 0px;
}
.shiftleft {
	margin-left: -10px;
}
.imgright {
	float: right;
	margin-bottom: 15px;
	margin-left: 20px;
	width: 200px;
	text-align: center;
	font-size: 12px;
}
#latestnews {
	background: #E5DEC9 url(images/bg_latestnews.jpg) repeat-x top;
	padding: 10px;
	margin: 20px 8px;
}
#latestnews h2 {
	font-size: 30px;
	margin: 0px 0px 10px;
}
#latestnews h3 {
	font-size: 17px;
	color: #000;
	font-weight: bold;
	margin: 0px 0px 6px;
}
.newsitem {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B5B3A9;
}

