/* CSS Document */
img.noborder { border-style:none; }
table.valign-center { height:100%; border-collapse:collapse; }
td.valign-center  { vertical-align:middle; border-collapse:collapse;  }
img.preload { visibility:hidden; }
body {  
	scrollbar-base-color: #FFFFFF;
	background-color: #ffffff; 
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	margin:0px;
	color: #000000; 
} 

div.topbar
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:64px;
	background-color:#CCCCCC;
}
div.content div.topbar
{
	background-image:url(images/fruit-cocktail-logo.gif);
}

a.logo {
	position:absolute;
	left: 0px;
	top: 0px;
	width:260px;
	height:64px;
}

/* dimension needs to match site config */
div.content {
	/* center the content */	
	position:absolute;
	left: 50%;
	margin-left: -390px; /* half of width */
	width:760px;
	text-align:center;
	
/*	top: 50%; */
    height:580px;
/*	margin-top: -270px;  /* half of height */
	background-repeat:no-repeat;
	background-color:#FFFFFF;
}

div.pagetitle {
	position:absolute;
	right:10px;
	top:75px;
}

div.description {position:absolute; left:20px; top:40px; width:280px; height:300px; text-align:left; }
span.description { 
	color: #999999; 
	font-size:11px;
	font-weight:bold;
}
/* thumbnail numbers */
div#nav {
	position:absolute;
	left:15px;
	bottom:5px;
}

div#nav td { 
	width:17px; 
	text-align:center;
	vertical-align:top;
	padding-right:2px;
	border-collapse:collapse;
}

/* this is a normal navigation number */
a.nav   { display:block; color: white; text-decoration: none; font-size:12px;}
a.nav:hover     { color: #121488 }

/* this is a active navigation number */
a.nav_active { color: #121488; text-decoration: none; font-size:12px }
a.nav_active:hover { color: white }
a.nav img.active { top:0px; left:0px; visibility:hidden; }
a.nav img.inactive { top:0px; left:0px; visibility:visible; }
a.nav:hover img.active { top:0px; left:0px; visibility:visible; }
a.nav:hover img.inactive {top:0px; left:0px; visibility:hidden; }

div#nav_prevnext {
	position:absolute;
	left: 255px;
	bottom:0px;
}
div#nav_prevnext span#divider {
	color:#999999;
}

div#nav_prevnext td { text-align: center }
/* this is a normal navigation prev/next */
div#nav_prevnext a { color: #999999; text-decoration: none; font-size:12px }
div#nav_prevnext a:hover   { color: #990000 }

/* ----------------------------------------
    Menu 
---------------------------------------- */
div.menu_lvl_0, div.menu_lvl_1  { text-align:left; position:absolute;  }
div.menu_lvl_0 { top:75px;left:0px; };
table.menu_lvl_0, table.menu_lvl_1 { border-collapse:collapse; } 
td.menu_lvl_1 { border-collapse:collapse;  padding:0px;}
tr.menu_lvl_0 {  } 
td.menu_lvl_0 { padding-left:15px; padding-right:15px; height:25px;}

a.page, a.page_active, 
a.menu_lvl_0_active, a.menu_lvl_0, a.menu_lvl_1 { color: #999999; text-decoration: none; font-size:12px; }
a.page:hover, a.page_active:hover, a.menu_lvl_0_active, a.page_active, 
a.menu_lvl_0:hover, a.menu_lvl_1:hover, a.menu_lvl_0_active:hover  {color:#990000; } 

a.menu_lvl_1 { color: #990000; }
a.menu_lvl_1:hover { color: #999999; }

div.menu_lvl_1 { bottom:20px; right:5px; }

div.page
{
	position:absolute;
	bottom:5px;
	left:200px;
}

/* -------------------------------------------
 	Image
---------------------------------------------- */
div.pic {
	position:absolute;
	bottom:70px;
	left:270px;
}
img.image { position:absolute; bottom:0px; }

/* --------------------------------------------
	Caption
----------------------------------------------- */
div.caption { position:absolute; top:510px; left:270px; text-align:left; color:#000000; }
span.value { color:#990000; } 

span.email,
a.email {
	position:absolute;
	top: 40px;
	color:#000000; 
	font-size:15px;
	text-decoration:none;
}

a.email { right:130px; }
a.email:hover { color:#990000 }
span.email { right:10px; }

div.licenced
{
	position:absolute;
	bottom:5px;
	right:5px;
	color:#000000;
}