﻿body
{
	font-family: Verdana, Arial, Georgia;
	background: #ffffff;
	padding: 0;
	margin: 20px 0;
}

img
{
	border: none;
}

.green
{
	color: #136634;
}

.orange
{
	color: #cc5d1e;
}

.blue
{
	color: #00abe2;
}

.floatRight
{
	float: right;
}

#container
{
	font-family: Verdana, Arial, Georgia;
	margin: 0 auto 20px auto;
	min-width: 826px;
	padding: 0;
	text-align: left;
	width: 826px;
	color: #868789;
	/*background-color: Gray;
	background: url(../Graphics/Logo-background.jpg) left bottom no-repeat;*/
	background: url(../Graphics/background.jpg) left bottom repeat-y;
}

/********  MENU  ********/
#menu_panel
{
	width: 200px;
	float: left;
	padding-bottom: 10px;
}

#menu_panel ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#menu_panel ul#menu
{
	text-align: right;
	font-size: 0.7em;
	margin-top: 20px;
}

#menu_panel ul#menu li
{
	padding: 0;
	margin: 0;
	display: block;
}
#menu_panel ul#menu li a
{
	display: block;
	padding: 3px 10px 3px 0;
	margin: 2px 0;
	text-decoration: none;
	color: #123087;
}

#menu_panel ul#menu li.selected a, #menu_panel ul#menu li a:hover
{
	background: url(../Graphics/menu_title.gif) right top repeat-y;
	color: #ffffff;
}

#menu_panel ul#menu li ul#sub_menu a
{
	/*background: #ffffff;*/
	padding-right: 15px;
	color: #166634;
}

/********  SUB MENU ITEMS COLOURED  ********/
#menu_panel ul#menu li ul#sub_menu li.green_menu a
{
	background: url(../Graphics/Menu/green_line.jpg) bottom right no-repeat;
	color: #136634;
}

#menu_panel ul#menu li ul#sub_menu li.green_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.green_menu a.selected
{
	background: url(../Graphics/Menu/green_line_selected.jpg) bottom right no-repeat;
}

#menu_panel ul#menu li ul#sub_menu li.orange_menu a
{
	background: url(../Graphics/Menu/orange_line.jpg) bottom right no-repeat;
	color: #cc5d1e;
}

#menu_panel ul#menu li ul#sub_menu li.orange_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.orange_menu a.selected
{
	background: url(../Graphics/Menu/orange_line_selected.jpg) bottom right no-repeat;
}

#menu_panel ul#menu li ul#sub_menu li.blue_menu a
{
	background: url(../Graphics/Menu/blue_line.jpg) bottom right no-repeat;
	color: #009cdd;
}

#menu_panel ul#menu li ul#sub_menu li.blue_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.blue_menu a.selected
{
	background: url(../Graphics/Menu/blue_line_selected.jpg) bottom right no-repeat;
}

#menu_panel ul#menu li ul#sub_menu li.purple_menu a
{
	background: url(../Graphics/Menu/purple_line.jpg) bottom right no-repeat;
	color: #7c1e6b;
}

#menu_panel ul#menu li ul#sub_menu li.purple_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.purple_menu a.selected
{
	background: url(../Graphics/Menu/purple_line_selected.jpg) bottom right no-repeat;
}

#menu_panel ul#menu li ul#sub_menu li.red_menu a
{
	background: url(../Graphics/Menu/red_line.jpg) bottom right no-repeat;
	color: #7c1e6b;
}

#menu_panel ul#menu li ul#sub_menu li.red_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.v_menu a.selected
{
	background: url(../Graphics/Menu/red_line_selected.jpg) bottom right no-repeat;
}

#menu_panel ul#menu li ul#sub_menu li.brown_menu a
{
	background: url(../Graphics/Menu/brown_line.jpg) bottom right no-repeat;
	color: #7c1e6b;
}

#menu_panel ul#menu li ul#sub_menu li.brown_menu a:hover, #menu_panel ul#menu li ul#sub_menu li.v_menu a.selected
{
	background: url(../Graphics/Menu/brown_line_selected.jpg) bottom right no-repeat;
}

#menu_panel .logos
{
	float: right;
	margin-top: 30px;
}

/********  CONTENT  ********/
#content
{
	width: 364px;
	float: left;
	padding: 0 15px;
	margin: 0 15px;
	border-left: 1px solid #d9dadb;
	border-right: 1px solid #d9dadb;
	font-size: 0.8em;
}
/*
#content h1
{
	color: #ffffff;
	background: #d9dadb;
	padding: 10px;
	font-size: 1.1em;
	font-weight: 300;
}
#content h2
{
	color: #ffffff;
	font-size: 1.0em;
	padding: 4px 8px;
	background-image: url(../Graphics/title_green-yellow.gif);
	font-weight: 300;
}*/
#content h1
{
	color: #123087;
	font-size: 1.6em;
	padding: 0;
	font-weight: 300;
	display: block;
	clear: both;
}
#content h2
{
	color: #00abe2;
	font-size: 1.1em;
	padding: 0;
	font-weight: 700;
}
#content h2 a
{
	color: #cc5d1e;
}
#content h3
{
	font-size: 1.1em;
	padding: 0;
	font-weight: 700;
}
#content h4
{
	color: #00abe2;
	font-size: 1.0em;
	padding: 0;
	font-weight: 300;
	display: block;
	clear: both;
}

#content h1, #content h2, #content h3, #content h4, #content p, #content ul
{
	margin: 0 0 10px 0;
}

#content ul
{
	list-style-image: url(../Graphics/Bullets/blue_circle.jpg);
}

#content ul.greenList, #content ul.brewingMenu
{
	list-style-image: url(../Graphics/Bullets/green_circle.jpg);
}

#content ul.greenList a, #content ul.brewingMenu a, #content h1.brweingHeader, #content .brweingSubHeader
{
	color: #136634;
}

#content ul.orangeList, #content ul.juiceMenu
{
	list-style-image: url(../Graphics/Bullets/orange_circle.jpg);
}

#content ul.orangeList a, #content ul.juiceMenu a, #content h1.juiceHeader, #content h2.juiceSubHeader
{
	color: #cc5d1e;
}

#content ul.cipMenu a
{
	color: #00abe2;
}

#content ul.purpleList
{
	list-style-image: url(../Graphics/Bullets/purple_circle.jpg);
}

#content ul.redList
{
	list-style-image: url(../Graphics/Bullets/red_circle.jpg);
}

#content ul.brownList
{
	list-style-image: url(../Graphics/Bullets/brown_circle.jpg);
}

#content ul
{
	padding: 0;
	margin: 0 0 10px 30px;
}

#content ul li
{
	padding: 2px 0 0 0;
}

#content ul.brewingMenu, #content ul.juiceMenu, #content ul.cipMenu
{
	padding-top: 10px;
	padding-bottom: 10px;
}

#content ul.brewingMenu li, #content ul.juiceMenu li, #content ul.cipMenu li
{
	width: 160px;
	float: left;
}

#content table
{
	width: 100%;
	padding-bottom: 10px;
}

#content table tr td
{
	padding: 5px;
	vertical-align: top;
}

#content a
{
	color: #136634;
	text-decoration: none;
}

#content a:hover
{
	text-decoration: underline;
	color: #666634;
}

#content a.backToTop
{
	font: 0.7em 700;
	text-align: right;
}

#content #map
{
	width: 364px;
	height: 300px;
}

#content .GoogleMapText
{
	font-size: 1em;
}

#content dl.form
{
	padding-bottom: 10px;
}

#content dl.form dt
{
	font-weight: 100;
}

#content dl.form dd
{
	padding: 0 0 5px 5px;
	margin: 0;
}

#content dl.form dd input, #content dl.form dd textarea
{
	width: 250px;
}

#content dl.form dt.buttons, #content dl.form dd.buttons
{
	width: 150px;
	float: left;
}

/********  RIGHT PANEL  ********/
#right_panel h4.green a
{
	font-size: 1.0em;
	color: #136634;
}

#right_panel h4.green a:hover
{
	font-size: 1.0em;
	color: #136634;
}

#right_panel h4.orange a
{
	font-size: 1.0em;
	color: #cc5d1e;
}

#right_panel h4.orange a:hover
{
	font-size: 1.0em;
	color: #cc5d1e;
}

#right_panel
{
	width: 200px;
	float: left;
	font-size: 0.8em;
	padding-bottom: 100px;
}

#right_panel h3
{
	background: url(../Graphics/right_title.gif) left top repeat-y;
	padding: 3px 10px 3px 10px;
	margin: 0 0 5px 0;
	color: #ffffff;
	font-size: 0.8em;
}

#right_panel h4
{
	padding: 0;
	margin: 0 0 5px 0;
}

#right_panel p
{
	padding: 0;
	margin: 0 0 5px 0;
	font-size: 0.85em;
}

#right_panel img
{
	margin: 10px 0;
}

#right_panel hr
{
	background: none;
	border-top: none;
	border-bottom: #000000 1px dashed;
	margin: 10px 0 10px 0;
}

/********  FOOTER  ********/
#footer
{
	width: 826px;
	clear: both;
	text-align: center;
	padding-top: 20px;
	font-size: 0.6em;
	background: #ffffff;
	color: #878889;
}
