.stepcarousel{
position: relative; /*leave this value alone*/
border: 1px solid #CCCCCC;
overflow: scroll; /*leave this value alone*/
width: 950px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 1px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 950px;
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}


body,td,th {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 14px;
	color: #000000;
	line-height:150%;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #000000;
	
}

img
{  border-style: none;
}

a.menu:link {
	color: #000000;
	text-decoration: none;
	font-size:12px;
	
}
a.menu:visited {
	text-decoration: none;
	color: #000000;
	font-size:12px;
}
a.menu:hover {
	text-decoration: none;
	color: #000000;
	font-size:12px;
	
}
a.menu:active {
	text-decoration: none;
	color: #000000;
	font-size:12px;
}

a.menutwo:link {
	color: #999999;
	text-decoration: none;
	font-size:12px;
	
}
a.menutwo:visited {
	text-decoration: none;
	color: #999999;
	font-size:12px;
}
a.menutwo:hover {
	text-decoration: none;
	color: #FFFFFF;
	font-size:12px;
	
}
a.menutwo:active {
	text-decoration: none;
	color: #999999;
	font-size:12px;
}

.LOGO {letter-spacing:-2px; line-height:90%; font-size:34px; color:#000000 }
.LOGO2 {letter-spacing:-2px; line-height:90%; font-size:30px; color:#999999 }
.H1 {letter-spacing:1px; line-height:120%; font-size:26px; color:#000000 }
.H2 {letter-spacing:1px; line-height:120%; font-size:26px; color:#000000 }
.NEWS {letter-spacing:1px; line-height:120%; font-size:18px; color:#000000 }
.PRICE {line-height:120%; font-size:14px; color:#999999 }
.H1TEXT {line-height:150%; font-size:14px; color:#000000 }
.style10 {color: #FFFFFF; font-size: 14px; }
#simplegallery1 {//CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid grey;
}
.style37 {color: #FF6600;font-size: 10px}
.style42 {
	color: #FFFFFF;
	font-style: italic;
}
.style43 {font-size: 12px}
.style45 {color: #000000; font-style: italic; font-size: 10px}
.style46 {color: #000000; font-size: 10px}

.styledfield { background-image:url(http://www.brewphilosophy.co.uk/new-images/search-bg24.jpg);
    font: Georgia 14pt #FFFFFF;
	border:hidden;
	padding: 4px;
	height: 16px;
	width: 232px;
}
.style48 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #820009; }
.style50 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #3A1E0C; }
.style52 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #2D6887; }
.style54 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #7E8A0A; }
.style56 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #FC7622; }
.style59 {letter-spacing: 1px; line-height: 120%; font-size: 26px; color: #CB00AB; }