html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  height:auto;
}

body {
	color: #003;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 24px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
h1 {
	font-size:18px;
	margin: 5px 0 20px 0;
	color: #09F;
}
h2 {
	font-size:18px;
	margin: 5px 0 0 0;
	color: #06C;
}
h2 a:link{
	color: #06C;
}
h3 {
	font-size:16px;
	color:#03F;
}
p {
	margin:10px 0 15px 0;
}
a, a:link {
	color: #356e81;
	text-decoration:none;
}
a:visited {
	color: #356e81;
	text-decoration:none;
}
a:hover {
	color: #356e81;
	text-decoration:underline;
}
ul {
	margin:5px 0px 5px 15px;
}
label {
	width:130px;
	display:block;
	float:left;
}
.submit {
	padding-left:130px;
}
.req {
	color:#900;
}
#outerWrapper {
	text-align: left;
	padding: 20px 10px 10px 10px;
	margin:0 auto 0 auto;
	width: 880px;
}
#headerWrapper {
	height:106px;
	width: 100%;
	border-bottom: solid 3px #004860;
	margin-bottom:0px;
}
#header {
	padding:0px 0 10px 30px;
	height:82px;
	width: 920px;
	margin:auto;
}

/* top menu style */

#menu {
	padding:0px 0px 0px 0px; 
	margin: 0px; 
	list-style:none;
	}
#menu li {
	float:left; 
	margin-top:1px;
	margin-left:0px;
	margin-bottom:0px;
	font-size:12px;

	}
#menu li a {
	width:114px;
	height:30px; 
	line-height:38px; 
	padding:0 0px; 
	float:left; 
	background:url(../images/menubg.gif) left no-repeat;
	color:#004860; 
	text-decoration:none;
	text-align:center;
	}
#menu li a b {
	text-transform:uppercase;
	}
#menu li a:hover
{
	background:url(../images/menubg1.gif) left no-repeat; 
	color:#F0F9FF;
	font-size: 12px;
} 
body#homepage #menu li#home a,
body#aboutpage #menu li#about a,
body#machinepage #menu li#machine a,
body#passionpg #menu li#passion a,
body#servicepage #menu li#service a,
body#bespokepage #menu li#bespoke a,
body#contactpage #menu li#contact a,
body#linkspage #menu li#links a
{
	background:url(../images/menubg1.gif) left no-repeat; 
	color:#F0F9FF;
	font-size: 12px;
}
/* end of top menu */

#content {
	margin:0;
	padding-bottom:80px;
	min-height:300px;
	height:inherit;
}
#main {
	margin:0 0 20px 0;
	padding:0;
	width:670px;
	float:left;
	height:inherit;
}
.servicepage {
	background:url(../images/servicevan.jpg) no-repeat bottom right;
}
.aboutpage {
	background:url(../images/about.jpg) no-repeat bottom right;
}
.bespokepage {
	background:url(../images/bespoke.jpg) no-repeat bottom right;
}
.linkpage {
	background:url(../images/linkpage.jpg) no-repeat bottom right;
}
.hotdrinkspage {
	background:url(../images/hotdrinks.jpg) no-repeat bottom right;
}
.colddrinkspage {
	background:url(../images/colddrinks.jpg) no-repeat bottom right;
}
.snackspage {
	background:url(../images/snacks.jpg) no-repeat bottom right;
}
.sandwichespage {
	background:url(../images/sandwiches.jpg) no-repeat bottom right;
}
.waterpage {
	background:url(../images/water.jpg) no-repeat bottom right;
}
.sitemappage {
	background:url(../images/sitemappage.jpg) no-repeat bottom right;
}
.passionpage {
	background:url(../images/passion.jpg) no-repeat bottom right;
}
/* side menu style */
#sidenav {
	float:left;
	width:200px;
	height:100%;
	background-image:url(../images/sidebgtop.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin:0 10px 0 0;
	padding:0;
}
#sidemenu {
	min-height:215px;
	width:200px;
	padding:0; 
	list-style:none;
	background-image:url(../images/sidebgbot.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	margin:0 10px 10px 0;
	}
#sidemenu li {
	text-align:center;
	font-size:12px;
	height:30px; 
	line-height:30px; 
	width: 180px;
	margin:10px 10px 0 10px;
	background: url(../images/sideul.gif) bottom repeat-x;
	}
#sidemenu li a {
	display:block; 
	color:#F0F9FF; 
	text-decoration:none;

	}
#sidemenu li a b {
	text-transform:uppercase;
	}
#sidemenu li a:hover
{
	background: url(../images/sidehov.png) center top no-repeat;
	color:#F0F9FF;
	margin-bottom:3px;
}
body#hotdrinkspage #sidemenu li#hot a,
body#colddrinkspage #sidemenu li#cold a,
body#snackspage #sidemenu li#snacks a,
body#sandwichespage #sidemenu li#food a,
body#waterpage #sidemenu li#water a
{
	background:url(../images/sidehov.png) left no-repeat; 
	color:#F0F9FF;
	font-size: 12px;
}
/* end of side menu */
#contactbox {
	background: url(../images/contact.gif) no-repeat;
	height: 120px;
	padding: 15px 20px 15px 20px;
	margin-bottom:15px;
}
.productside {
	height: 133px;
	background: url(../images/productside.gif) no-repeat center;
}
.sideinfo {
	display:none;
}
#slideholder {
	float:right;
	width: 230px;
	margin: 0px -20px 0 0;
}
#slideshow {
	width: 220px;
	height: 300px;
	overflow:hidden;
	margin: 0 5px 0 5px;
	background:url(../images/slideshowbg.gif) no-repeat;
}
.slides {
	text-align:center;
	font-size:13px;
	color:#69C;
	line-height:15px;
	width:210px;
	padding-left:3px;
}
.slidebuttons {
	color:#999;
	font-size:12px;
	line-height:12px;
	padding:0;
	margin:0 0 20px 0;
	text-align:center;
}

.slidebuttons a:link{
	color:#999;
}
.slidebuttons a:visited{
	color:#999;
}
.slidebuttons a:hover{
	color:#069;
	text-decoration:none;
}
.smlicon {
	position:relative;
	top:4px;
	margin:0 2px 0 2px;
}
.icon {
	position:relative;
	top:10px;
	margin:0 0 0 2px;
	border:0;
}
#footerWrapper {
	width:100%;
	min-height:150px;
	height:auto;
	background: url(../images/footerbg.gif) repeat-x;
}
#footer {
	width:860px;
	margin:auto;
	min-height:150px;
	height:auto;
	padding: 30px 5px 10px 5px;
	line-height:16px;
}
#footer1 {
	width:22%;
	float:left;
	margin:0 30px 0 0;
}
#footer2 {
	width:22%;
	float:left;
	margin:0 30px 0 0;
}
#footer3 {
	width:22%;
	float:left;
	margin:0 30px 0 0;
}
#footer4 {
	width:22%;
	float:left;
	margin:0 0 0 0;
}
#footerright {
	float:right;
	width:550px;
	margin:5px 0 0 0;
	padding:0;
	line-height:16px;
	text-align:right;
}
#footer ul {
	padding:0;
}
.logo {
	float:left;
	margin:-5px 20px 0 0;
}
.headerimg {
		float:right;
		height:70px;
		width:100%;
		background:url(../images/headertag.jpg) no-repeat right bottom;
		margin-bottom:5px;
}
.headertag {
	float:left;
	display: none;
	line-height:18px;
}
.col1 {
	list-style-type:none;
	padding: 8px 0 3px 0;
	background:url(../images/footerul.gif) repeat-x bottom;
}
.col1 a {
	text-decoration:none;
	color:#003;
}
.col1 a:visited {
	text-decoration:none;
	color:#003;
}
.col1 a:hover {
	color: #356e81;
	text-decoration:none;
}
.clr {
	clear: both;
	height:1px;
	margin:0px;
	padding:0px;
}
.prodbox {
	width: 30%;
	float:left;
	padding:5px;
	margin:3px 15px 3px 0;
	border: 1px solid #CCC;
	width: 285px;
	height: 170px;
	line-height:18px;
}
.floatright {
	float:right;
}
.floatleft {
	float:left;
	margin-right:5px;
}
.smltext {
	text-align:right;
	color:#666;
	font-size:12px;
	line-height:14px;
}
.breadcrumb {
	text-align:left;
	color:#666;
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
	}
.tight{
	line-height:16px;
	padding:2px;
	margin:0;
}
.list {
	list-style-image:url(../images/bullet.gif);
	padding: 8px 0px 0px 10px;
}
.list a:link{
	color:#003;
}
.list a:visited{
	color:#003;
}
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #FFF;
    border: 1px solid #346F97;
	margin:20px 0 0 10px;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 380px;
    padding: 20px 40px;
}

/*.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}*/

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  370px;
    height: 180px;
}

/*.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}
*/
.jcarousel-skin-tango .jcarousel-item {
    width: 110px;
    height: 200px;
	text-align:center;

}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
	margin-left:0px;
}

/*.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}*/

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 83px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
  /*  background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    /*background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 83px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/prev.gif) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
   /* background-position: -32px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
   /* background-position: -64px 0;*/
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
.smblock {
	margin: 0px 0px 2px 5px;
	padding: 0px;
}
/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #FFF;
		padding: 10px;
		width:200px;
	}
	#gallery ul { 
	text-align:center;
	list-style: none;
	padding:0;
	margin:0;	}
	#gallery ul li { display: inline; }
	#gallery ul img {
		padding:5px;
		border: 5px solid #ABC1FE;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #CCC;
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }

.contactform {
	width:400px;
	border:1px solid #039;
	background-color:#DBDBDB;
	padding:5px;
}
.faultform {
	width:500px;
	border:1px solid #039;
	background-color:#DBDBDB;
	padding:5px;
}
.faultform label {
	width: 150px;
}
#googlemap {
	height:500px;
}
#alert {
	color:#003;
	font-size:14px;
	line-height:19px;
}
.message {
	color:#003;
}
.link {
	clear:both;
	margin-bottom:20px;
}
.linkicon {
	text-align:center;
	float:left;
	width: 80px;
}