html {
 	height:100%;
}
 
body {
	margin: 0px;
	padding: 0px;
	color: #OOOOOO;
	font: 11px Verdana, sans-serif;
	min-height: 101%;
}
a {
	color: #91B5C5;
	text-decoration: underline;
}

a img {
	border: none;
}

p {
	margin: 0px 0px 10px 0px;
	text-align: justify;
}

h1 {
	font: 16px Verdana, sans-serif;
	font-weight: bold;
	color: #1C4E94;
	margin: 0px 0px 10px 0px;
}

h2 {
	font: 12px Verdana, sans-serif;
	font-weight: bold;
	color: #1C4E94;
	margin: 0px 0px 10px 0px;
}

ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 25px;
}

ul li {
	margin: 1.5ex 0px 0px 0px;
	padding: 0px 0px 0px 25px;
	background: url(images/li.gif) no-repeat 2px 4px;
	list-style: none;
	display: block;
	font-weight: bold;
}

.container {
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	position: relative;
}

.header {
	width: 780px;
	height: 127px;
	margin: 0px;
	background: url(images/main-header.jpg) no-repeat 0px 0px;	
	float: left;
}

.header-splash {
	width: 780px;
	height: 285px;
	margin: 0px;
	background: url(images/splash-header.jpg) no-repeat 0px 0px;	
	float: left;
}

.title {
	width: 521px;
	height: 119px;
	margin: 0px;
	float: left;
}

.logo img {
	margin: 16px 0px 0px 54px;
	float: left;
}

.menu {
	width: 780px;
	height: 38px;
	margin: 0px;
	background: url(images/main-menu-bg.png) no-repeat 0px 0px;
	float: left;
}

.menu-splash {
	width: 780px;
	height: 38px;
	margin: 0px;
	background: url(images/splash-menu-bg.png) no-repeat 0px 0px;
	float: left;
}

.menu img,
.menu-splash img {
	margin: 7px 0px 0px 12px;
}

.content {
	width: 780px;
	margin: 0px;
	background: url(images/content-bg.png) repeat-y 0px 0px;
	float: left;
}

.text {
	float: right;
	width: 500px;
	margin: 0px 80px 0px 0px;
}

.text-other-news {
	float: right;
	width: 609px;
	margin: 5px 80px 0px 0px;
	padding-left: 66px;
}

.text-products {
	float: right;
	width: 529px;
	margin: 0px 80px 0px 0px;
}

.images {
	width: 109px;
	margin: 5px 25px 0px 0px;
	padding-bottom: 15px;
	padding-left: 66px;
	float: left;
}

.images-products{
	width: 80px;
	margin: 5px 25px 0px 0px;
	padding-bottom: 15px;
	padding-left: 66px;
	float: left;
}

.sizes {
	float: right;
	margin: 10px 0px 0px 15px;
	padding-right: 80px;
}

.sizes-table img {
	padding-left: 15px;
}

.products {
	float: left;
	padding-left: 66px;
	margin: 10px 0px 5px 0px;
	width: 534px;
}

.products50 {
	float: left;
	padding-left: 66px;
	margin: 10px 0px 5px 0px;
	width: 559px;
}

.products img,
.products50 img{
	float: left; 
	margin: 0px 15px 0px 0px;
}

.footer {
	width: 780px;
	height: 118px;
	margin: 0px;
	background: url(images/main-footer.jpg) no-repeat 0px 0px;
	float: left;
}

.footer-splash {
	width: 780px;
	height: 155px;
	margin: 0px;
	background: url(images/splash-footer.jpg) no-repeat 0px 0px;
	float: left;
}

.sub-menu-tx {
	color: #7291A5;
	font: 11px Verdana, sans-serif;
	font-weight: bold;
	margin: 10px 0px 15px 0px;
	padding-left: 66px;
	float: left;
}

.footer-menu-tx {
	color: #FFFFFF;
	font: 11px Verdana, sans-serif;
	font-weight: bold;
	margin: 50px 0px 15px 350px;
	float: left;
}

.footer-menu-tx a {
	color: #FFFFFF;
}

.splash-text {
	background: url(images/splash-text.gif) no-repeat 156px 21px;
	width: 630px;
	height: 84px;
	float: left;
}



/*menus*/

.menu-about { background: url(images/main-menu-about.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-apple { background: url(images/main-menu-apple.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-other { background: url(images/main-menu-other.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-products { background: url(images/main-menu-products.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-contacts { background: url(images/main-menu-contacts.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-about1 { background: url(images/main-menu-about1.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-apple1 { background: url(images/main-menu-apple1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-other1 { background: url(images/main-menu-other1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-products1 { background: url(images/main-menu-products1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-contacts1 { background: url(images/main-menu-contacts1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-about a:hover { background: url(images/main-menu-about1.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-apple a:hover { background: url(images/main-menu-apple1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-other a:hover { background: url(images/main-menu-other1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-products a:hover { background: url(images/main-menu-products1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-contacts a:hover { background: url(images/main-menu-contacts1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-about img { margin-left: 39px; }
.menu-about1 img { margin-left: 39px; }

/*titles*/

#title-company-profile { background: url(images/title-company-profile.jpg) no-repeat 111px 83px; }
#title-management { background: url(images/title-management.jpg) no-repeat 111px 83px; }
#title-apple-news { background: url(images/title-apple-news.jpg) no-repeat 111px 83px; }
#title-ni-hao-china { background: url(images/title-ni-hao-china.jpg) no-repeat 111px 83px; }
#title-other-news { background: url(images/title-other-news.jpg) no-repeat 111px 83px; }
#title-products { background: url(images/title-products.jpg) no-repeat 111px 83px; }
#title-apples { background: url(images/title-apples.jpg) no-repeat 111px 83px; }
#title-citrus { background: url(images/title-citrus.jpg) no-repeat 111px 83px; }
#title-garlic { background: url(images/title-garlic.jpg) no-repeat 111px 83px; }
#title-ginger { background: url(images/title-ginger.jpg) no-repeat 111px 83px; }
#title-italian-kiwifruit { background: url(images/title-italian-kiwifruit.jpg) no-repeat 111px 83px; }
#title-nz-kiwifruit { background: url(images/title-nz-kiwifruit.jpg) no-repeat 111px 83px; }
#title-onions { background: url(images/title-onions.jpg) no-repeat 111px 83px; }
#title-pears { background: url(images/title-pears.jpg) no-repeat 111px 83px; }
#title-contacts { background: url(images/title-contacts.jpg) no-repeat 111px 83px; }

/*splash-menus*/

.menu-splash-about { background: url(images/splash-menu-about.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-splash-apple { background: url(images/splash-menu-apple.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-other { background: url(images/splash-menu-other.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-products { background: url(images/splash-menu-products.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-contacts { background: url(images/splash-menu-contacts.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-splash-about1 { background: url(images/splash-menu-about1.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-splash-apple1 { background: url(images/splash-menu-apple1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-other1 { background: url(images/splash-menu-other1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-products1 { background: url(images/splash-menu-products1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-contacts1 { background: url(images/splash-menu-contacts1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-splash-about a:hover { background: url(images/splash-menu-about1.jpg) no-repeat 39px 0px; width: 163px; height: 38px; float: left; }
.menu-splash-apple a:hover { background: url(images/splash-menu-apple1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-other a:hover { background: url(images/splash-menu-other1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-products a:hover { background: url(images/splash-menu-products1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }
.menu-splash-contacts a:hover { background: url(images/splash-menu-contacts1.jpg) no-repeat 12px 0px; width: 136px; height: 38px; float: left; }

.menu-splash-about img { margin-left: 39px; }
.menu-splash-about1 img { margin-left: 39px; }


.caption {
	font-size: 10px;
	font-style: italic;
	text-align: center;
}

dl.grapetable {
border-top:1px solid #ccc;
border-bottom:1px solid #ccc; 
clear:both;
padding-top:10px;
}
dl.grapetable:after{
     content: "."; /* This dot is the actual appended content */   
     clear: both;   
     height: 0;   
     visibility: hidden;   
     display: block; 
}
dl.grapetable dt {
font-weight:bold;
margin-right:10px;
float:left;
width:94px;
}
dl.grapetable dd {
display:block;
float:left;
width:350px;
margin-bottom:10px;
}

/*data table display*/
table.data {
	border-collapse: collapse;
	line-height:24px;
	width:240px;
	margin-bottom:10px;
}
table.data th {
	padding: 0 0.5em;
	text-align: left;
}
table.data thead th {
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background: #e2e2e2;
	border-collapse:collapse;
}
table.data td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
}
table.data td.adjacent {
	border-left: 1px solid #CCC;
	text-align: left;
}
table.data tr.even {
	background:#f4f4f4;
}

.clear {
	clear:both;
}