body {
    font-family: tahoma, helvetica, arial, sans-serif;
    font-size: 11px;
    text-align: justify;
    color: #666666;
	overflow: -moz-scrollbars-vertical;
}

html, body, #wrapper, h1, #nav, #nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}

th, td {
    font-size: 11px;
	vertical-align:top;
	margin: 1px 0px 0px 8px;
}

.withBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.withTopBottomBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;

}

img { border: 0; }

ul{ margin-top:0; margin-bottom:0; list-style-type:disc; list-style-position:outside;}
li { list-style-image: Url(images/arrowOrangeDot.gif); margin:0 0 0 -20px;}
li.blue { list-style-image: Url(images/arrowBlueDot.gif); margin:0 0 0 -20px;}
li.purple { list-style-image: Url(images/arrowPurpleDot.gif); margin:0 0 0 -20px;}
li.brown  { list-style-image: Url(images/arrowBrownDot.gif); margin:0 0 0 -20px;}
li.black { list-style-image: Url(images/arrowBlack.gif); margin:0 0 0 -10px;}

#wrapper {
    margin: auto;
    text-align: left;
    width: 750px;
    position: relative;
}

h1, h2, h3 {
    font-size: 12px;
}


h1 {
    margin: 0;
    padding: 0;
}

h2 {
    margin: 0 0 0 0;
    padding: 0;
}

h3 {
    margin: 4px 0 0 0;
    padding: 0 0 0 0;
}

h4 {
	margin: 0 0 0 0;
    padding: 0;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}
h5 {
	margin: 0 0 0 0;
    padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}

p {
    margin: 1em 0;
    padding: 0;
}

.block {
    display: block;
}

.clear {
    clear: both;
    height: 1px;
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1px;
    line-height: 1px;
}

* html .clear {
    margin-top: -5px;
    margin-bottom: -4px;
}

.left {
    float: left;
    margin: 1px 8px 5px 5px;
	padding: 0px 0px 0px 15px;
}

.right {
    float: right;
    margin: 1px 0px 0px 8px;
}

.softright {
    text-align: right;
}

.readmore {
	text-align: right;
    padding-right: 1em;
}

/* ***** */

body {
    background: #003399;
}

#wrapper {
    width: 698px;
    background: #fff;
    border: 1px solid #fff;
}

* html #wrapper {
    width: 700px;
    w\idth: 698px;
}

h1 {
    padding: 9px 18px
}

a {
    text-decoration: none;
    font-weight: bold;
    color: #707DE0;
}

a.orange 		    { color: #d07c1a; }
a.green  		    { color: #669999; }
a.blue   		    { color: #238aaa; }
a.brown             { color: #8F7003;}
a.purple 		    { color: #9f6bc8; }
a.black	 		    { color: #000000; font-weight: normal; }
a.black_beverage    { color: #000000; font-weight: normal; }
a.black_sauce	    { color: #000000; font-weight: normal; }
a.black_finefood	{ color: #000000; font-weight: normal; }
a.grey_orange	    { color: #666666; font-weight: normal; }
a.grey_purple	    { color: #666666; font-weight: normal; }
a.grey_brown        { color: #666666; font-weight: normal; }
a.grey_blue		    { color: #666666; font-weight: normal; }
a.grey_green	    { color: #666666; font-weight: normal; }


a:hover        			{ color: #FF2A8C; }
a:hover.orange 			{ color: #FF9B0B; }
a:hover.green  			{ color: #3399CC; }
a:hover.blue   			{ color: #239FF0; }
a:hover.purple 			{ color: #C12EFA; }
a:hover.brown 			{ color: #DAC271; }
a:hover.black  			{ color: #D07C1A; }
a:hover.black_beverage  { color: #239FF0; }
a:hover.black_finefood	{ color: #C12EFA; }
a:hover.black_sauce  	{ color: #DAC271; }
a:hover.grey_orange		{ color: #FF9B0B; }
a:hover.grey_purple		{ color: #C12EFA; }
a:hover.grey_blue		{ color: #239FF0; }
a:hover.grey_green		{ color: #003300; }
a:hover.grey_brown		{ color: #8F7003; }

/* nav */

* html .clear {
    margin-top: 0;
    margin-bottom: 0;
}

#nav li {
    float: left;
    list-style: none;
    width: 139px;
    font-size: 11px;
    font-weight: bold;
    border-left: 1px solid white;
    text-align: center;
	
}

#nav li.first {
    width: 138px;
    border-left: none;
}

#nav a {
    color: #fff;
    display: block;
    text-decoration: none;
    background: #666699;
    padding: 2px 0;
    width: 100%;
}

#nav a:hover {
    background: #004080;
}

/* Introduction Background */

#intro_bg {
    
    width: 630px;
    float: left;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#intro_bg .p {
    padding: 8px 7px;
    margin-left: 207px;
    border-bottom: 1px solid white;
}

* html #intro_bg .p {
    padding-bottom: 6px;
}

/* right */

#right {
    width: 199px;
    float: right;
}

#right .right {
    margin-left: 1px;
}

#right #products {
    float: left;
    width: 198px;
}

#right #products div {
    border-top: 1px solid #bdbdbd;
    padding: 10px 10px 0px 10px;
}

#right #products #item-one {
    border-top: none;
}

#right #products h2 {
    clear: both;
}

#news {
    float: right;
    width: 165px;
    margin: 10px 0 0 0;
    display: inline;
}

#right #news h2 {
    margin-bottom: 0.5em;
}

#right #news h3 {
    margin-bottom: -0.4em;
}

/* About Us */

#aboutus {
    width: 410px;
}

#aboutus div {
    padding: 10px;
}

/* Contact Us */

#contactus {
    width: 250px;
}

#contactus div {
    padding: 0px;
}
/* footer */

#footer {
    color: #fff;
    background: #003399;
    text-align: center;
    padding: 8px 0;
}

#footer a {
    color: #66CCFF;
    font-weight: bold;
    text-decoration: none;
}

#footer a:hover {
    color: #f8cde3;
}

/* form text style */

.tableBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	text-align: left;
	padding: 0 0 0 10px;
}
.formtext {font-family: Tahoma; font-size: 12px; color: black;} 

.product {
	width: 140px;
	height: 200px;
	padding: 5px 5px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.product_detail_list {
	width: 390px;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
}

.product_detailed {
	width: 640px;
	height: 120px;
	padding:  5px 5px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
	margin: 0 0 0 0;
}

.product_list {
	width: 640px;
	height: 200px;
	padding:  5px 5px 5px 10px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
	margin: 0 0 0 0;
}

.new_product {
	width: 240px;
	height: 200px;
	padding: 5px 5px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.ContentGroupBox_blue {	border: 1px solid #238aaa;	}
.headerText_blue {
    
    /*background: url('../img/header_box_top_bg.gif') repeat-x;*/
    background:#238aaa;
    height: 20px;
    font: 14px;
    color:White;
}

.ContentGroupBox_green {	border: 1px solid #669999;	}
.headerText_green {
    
    /*background: url('../img/header_box_top_bg.gif') repeat-x;*/
    background:#669999;
    height: 20px;
    font: 14px;
    color:White;
}

.ContentGroupBox_orange {	border: 1px solid #d07c1a;	}
.headerText_orange {
    
    /*background: url('../img/header_box_top_bg.gif') repeat-x;*/
    background:#d07c1a;
    height: 20px;
    font: 14px;
    color:White;
}

.ContentGroupBox_brown {	border: 1px solid #8f7003;	}
.headerText_brown {    
    /*background: url('../img/header_box_top_bg.gif') repeat-x;*/
    background:#8f7003;
    height: 20px;
    font: 14px;
    color:White;
}

.ContentGroupBox_purple {	border: 1px solid #9f6bc8;	}
.headerText_purple {
    
    /*background: url('../img/header_box_top_bg.gif') repeat-x;*/
    background:#9f6bc8;
    height: 20px;
    font: 14px;
    color:White;
}

/*Food Product Page*/
.id_FOOD			{background: url(images/main_food.jpg) no-repeat right bottom;}
.id_BREAD 			{background: url(images/main_bread.jpg) no-repeat right bottom;}
.id_PASTRY 			{background: url(images/main_pastry.jpg) no-repeat right bottom;}
.id_MEAT 			{background: url(images/main_meat.jpg) no-repeat right bottom;}
.id_BAKE			{background: url(images/main_bake.jpg) no-repeat right bottom;}
.id_DESSERT			{background: url(images/main_dessert.jpg) no-repeat right bottom;}
.id_SAVOURY			{background: url(images/main_savoury.jpg) no-repeat right bottom;}
.id_CHEESE			{background: url(images/main_cheese.jpg) no-repeat right bottom;}
.id_FROZEVEGE		{background: url(images/main_frozenvege.jpg) no-repeat right bottom;}
.id_frozeIQF        {background: url(images/main_fruit_vege.jpg) no-repeat right bottom;}
.id_confectionery   {background: url(images/main_confectionery.jpg) no-repeat right bottom;}

/*Beverages Product Page*/
.id_BEVERAGE		{background: url(images/main_carbonate.jpg) no-repeat right bottom;}
.id_JUICE			{background: url(images/main_juice.jpg) no-repeat right bottom;}
.id_CARBONATE		{background: url(images/main_carbonate.jpg) no-repeat right bottom;}
.id_SPORTS          {background: url(images/main_sports.jpg) no-repeat right bottom;}
.id_FLAVOUR			{background: url(images/main_flavour.jpg) no-repeat right bottom;}
.id_CORDIAL			{background: url(images/main_cordial.jpg) no-repeat right bottom;}
.id_WINE			{background: url(images/main_wine.jpg) no-repeat right bottom;}
.id_KIDS			{background: url(images/main_kids.jpg) no-repeat right bottom;}
.id_MILK			{background: url(images/main_milk.jpg) no-repeat right bottom;}

/* Frosts Fine Food Page*/
.id_FINEFOOD	{background: url(images/main_finefood.jpg) no-repeat right bottom;}
.id_ff_FRUIT_VEGE	{background: url(images/main_fruit_vege.jpg) no-repeat right bottom;}
.id_ff_PASTRY 			{background: url(images/main_ff_pastry.jpg) no-repeat right bottom;}
.id_ff_confectionery   {background: url(images/main_confectionery.jpg) no-repeat right bottom;}

/* New product Page*/
.id_NP_1	{background: url(images/main_fiveplustwo_juice.jpg) no-repeat right bottom;}
.id_NP_2	{background: url(images/main_active_o2right.jpg) no-repeat right bottom;}
.id_NP_3	{background: url(images/main_MrsFieldsCookie.jpg) no-repeat right bottom;}
.id_NP_4	{background: url(images/main_gourmand.jpg) no-repeat right bottom;}

/* News Room Page */
.id_News_1	{background: url(images/main_new_product1.jpg) no-repeat right bottom;}
.id_News_2	{background: url(images/main_new_product2.jpg) no-repeat right bottom;}
.id_News_3	{background: url(maxims/id_news_3.gif) no-repeat right bottom;}

.MenuBorder {
	border-top: 1px solid #bdbdbd;
	border-bottom: 1px solid #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	min-width:170px;
	background-color:#ffffff;
	padding: 1px 1px;
}
.TopLine {
	border-top: 1px solid #bdbdbd;
}

/*New Product Background*/
#news_bg{
	width:600px;
    float: left;
	margin: 0 0 0 20px;
}

.news_product{
	width: 200px;
	height: 300px;
	padding: 5px 5px 5px 15px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

/* for mouse over pict pop */
.thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
color:#666666;
font-weight:normal;

}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
color:#666666;

}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color:#FFFFFF;
padding: 5px;
left: -1000px;
border-top: 1px solid #bdbdbd;
border-bottom: 2px groove #bdbdbd;
border-left: 1px solid #bdbdbd;
border-right: 2px groove #bdbdbd;
visibility: hidden;
text-decoration: none;
color:#666666;

}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;

}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -100px;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*News Page*/
.product_news {
	width: 600px;
	padding: 5px 0 0 0;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}


.meixin {
	width: 200px;
	padding: 2px 0px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.meixinSnowSkin {
	width: 620px;
	padding: 2px 0px 0px 0px;
	border-top: 1px solid #bdbdbd;
	border-bottom: 2px groove #bdbdbd;
	border-left: 1px solid #bdbdbd;
	border-right: 2px groove #bdbdbd;
}

.price {
    text-decoration: none;
    font-weight: bold;
    color:#CC0033;
}

#mexin_bg {
    
    width: 650px;
    float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#mexin_bg .p {
    padding: 8px 7px;
    margin-left: 207px;
    border-bottom: 1px solid white;
}

* html #mexin_bg .p {
    padding-bottom: 6px;
}