@charset "utf-8";

/* CSS Document */

body {
	background-color: #015C21;
}
#main_page {
	margin: auto;
	width:980px;
	z-index:1;
	background-color: #FFFFFF;
	border-top-color: #003300;
	border-right-color: #003300;
	border-bottom-color: #003300;
	border-left-color: #003300;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	overflow: auto;
}
#banner {
	position:relative;
	margin: auto;
	width:980px;
	height:130px;
	z-index:2;
	border-bottom-color: #618061;
	border-bottom-style: groove;
	border-bottom-width: medium;
}
#banner_back {
	position:relative;
	top:0px;
	width:980px;
	height:129px;
	z-index:1;
}
#navigation {
	position:relative;
	margin: auto;
	width:980px;
	height:40px;
	z-index:2;
	border-bottom-color: #618061;
	border-bottom-style: groove;
	border-bottom-width: medium;
	padding-top: 2px;
}
#breadcrumb {
	margin: auto;
	width:980px;
	height:20px;
	z-index:2;
	color: #666666;
}
#breadcrumb a {
	margin: auto;
	width:980px;
	height:20px;
	z-index:2;
	text-decoration: none;
	color: #666666;
}
#main-content {
	position:relative;
	margin: auto;
	width:980px;
	z-index:2;
	overflow: auto;
}
#footer {
	position:relative;
	margin: auto;
	width:980px;
	z-index:1;
	background-color: #015C21;
	border-top-color: #015C21;
	border-right-color: #015C21;
	border-bottom-color: #015C21;
	border-left-color: #015C21;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	overflow: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}


#banner_image {
	position:relative;
	width:86px;
	height:130px;
	z-index:2;
	float: left;
}
#banner_name {
	float: left;
	width: 600px;
	height: 130px;
	text-align: center;
	position: relative;
}
#banner_video {
	float: left;
	width: 294px;
	height: 130px;
	text-align: right;
	position: relative;
}
#clearall {
	clear:both;
	margin:0px;
	padding:0px;
	display:block;
}

.acorus_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #003300;
}
.acorus_breadcrumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #006600;
}
.acorus_navigation {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #336600;
}
#menu {
	clear:both;
	width:980px;
	color:#003300;
	background-color:#ffffff;
	margin:0px;
	margin-bottom:2px;
	margin-top:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	position:relative;
	z-index:100;
	height:18px;
	text-decoration: none;
	padding-top: 5px;
	border-top-color: #9DACBF;
	border-top-style: solid;
	border-top-width: thin;
}
#menu a {
	color:#003300;
	text-decoration: none;
}
#menu a:hover {
   font-weight:bold;
}

/* General Links */
#nav_gen {
	padding:0;
	margin:0px;
	list-style:none;
	background:#ffffff;
	width: 700px;
	z-index:600;
	font-family:arial, verdana, sans-serif;
	float: left;
}

#nav_gen li.gen_top {
display:block; 
float:left; 
background: #ffffff; 
z-index:800;
margin-left:50px;
}
#nav_gen li a.gen_top_link {
	display:block;
	float:left;
	line-height:33px;
	color:#003300;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	border:2px solid #9DACBF;
	width:130px;
	background: #ffffff;
}
#nav_gen li a.gen_top_link span {
float:left; 
display:block; 
padding:0 12px 0 12px; 
height:35px; 
}
#nav_gen li a.gen_top_link span.gen_down {
float:left; 
display:block; 
padding:0 12px 0 12px; 
height:35px; 
}

#nav_gen li:hover a.gen_top_link {color:#006384;}
#nav_gen li:hover a.gen_top_link span {background:#ffffff;}
#nav_gen li:hover a.gen_top_link span.gen_down {background:#ffffff;}

#nav_gen li:hover {position:relative; z-index:200;}
/* Sub level 1 menu */ 
#nav_gen li:hover ul.gen_sub {
	left:10px;
	top:15px;
	background: #ffffff;
	padding:10px;
	border:1px solid #9DACBF;
	white-space:nowrap;
	width:250px;
	height:auto;
	z-index:800;
	background-color: #FFFFFF;
}
/* Sub level 1 menu */
#nav_gen li:hover ul.gen_sub li {
display:block; 
height:20px; 
position:relative; 
float:left; 
width:250px; 
font-weight:normal;
background: #ffffff; 
}
/* Hover over sub level 1 menu items */
#nav_gen li:hover ul.gen_sub li a {
display:block; 
font-size:11px; 
height:18px; 
width:250px; 
line-height:18px; 
text-indent:5px; 
color:#003300;
text-decoration:none;
background: #ffffff; 
}
/* sub menu items that have a menu attached to them */
#nav_gen li ul.gen_sub li a.gen_fly {
background:#ffffff;
}
#nav_gen li:hover ul.gen_sub li a:hover {
background:#ffffff; 
color:#003300;
border-color:#9DACBF;
}
#nav_gen li:hover ul.gen_sub li a.gen_fly:hover {
background:#ffffff; 
color:#003300;
}
/* Sub level 2 menu */
#nav_gen li:hover li:hover ul.gen_sub2,
#nav_gen li:hover li:hover li:hover ul,
#nav_gen li:hover li:hover li:hover li:hover ul,
#nav_gen li:hover li:hover li:hover li:hover li:hover ul
{
left:130px; 
top:-4px; 
background: #ffffff; 
padding:3px; 
border:1px solid #9DACBF; 
white-space:nowrap; 
width:250px; 
z-index:850; 
height:auto;
}
#nav_gen ul, 
#nav_gen li:hover ul ul,
#nav_gen li:hover li:hover ul ul,
#nav_gen li:hover li:hover li:hover ul ul,
#nav_gen li:hover li:hover li:hover li:hover ul ul
{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;
}

/* Controls the colours for the selected menu item in previous level */
#nav_gen li:hover li:hover a.gen_fly,
#nav_gen li:hover li:hover li:hover a.gen_fly,
#nav_gen li:hover li:hover li:hover li:hover a.gen_fly,
#nav_gen li:hover li:hover li:hover li:hover li:hover a.gen_fly
{
background:#ffffff; 
color:#003300;
border-color:#9DACBF;
} 

#nav_gen li:hover li:hover li a.gen_fly,
#nav_gen li:hover li:hover li:hover li a.gen_fly,
#nav_gen li:hover li:hover li:hover li:hover li a.gen_fly
{
background:#ffffff; 
color:#006384; 
border-color:#9DACBF;
} 
/* End of General */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #003300;
}
#acorus_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	color: #003300;
	width: 660px;
	margin-left: 10px;
}
#pic_holder {
	float: left;
	width: 210px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: center;
}
#stock_table {
	float: left;
	width: 600px;
	margin-left: 20px;
}
#page_content {
	float: left;
	width: 600px;
	padding-left: 20px;
}
#page_content   td {
	padding-top: 2px;
	padding-bottom: 2px;
}
#page_content a {
	text-decoration:none;
	color: #003300;
	font-weight: bold;
}

#stock_table td {
	border-bottom:thin;
	border-bottom-color: #003300;
	border-bottom-style: solid;
	padding-top: 10px;
	padding-bottom: 10px;
}
#shopping_basket {
	width: 200px;
	font-weight: bolder;
	text-align: right;
	float:left;
}
.error {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}
#page_right {
	float: left;
	width: 340px;
	padding-left: 20px;
	padding-top: 20px;
}
a.p1 {display:block; width:75px; text-decoration:none; background:#fff; border:0; float:left;}
a.p1 img {display:block; border:0;}
a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000; position:relative; z-index:500;}
a.p1 b {display:block; position:absolute; left:-9999px; padding:10px; opacity:0;
 
-o-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-icab-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-khtml-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.4);
 
-o-border-radius: 8px;
-icab-border-radius: 8px;
-khtml-border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
 
 -webkit-transition: opacity 0.6s ease-in-out;
 
}
 
 
a.p1:hover b {top:-65px; left:110px; padding:10px; border:1px solid #aaa; background:#fff; opacity:1.0;
 
}
#info {z-index:100; height:22em;}
