/* CSS Document */

body {
background:#fff;
color:#777777;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
margin-left:auto; 
margin-right:auto;
height:100%;
}

#distance { 
width:1px;
height:50%;
margin-bottom:-300px;
/*margin-bottom:-298px;*/
float:left;
}

/***************************/
/********** base ***********/
/***************************/

#preload {
background-repeat:no-repeat;
background:url(../images/bg_blank.png);
width:990px;
height:580px;
clear:left;
margin:0 auto;
position:relative;
}

#container {
background-repeat:no-repeat;
background:url(../images/bg_blank.jpg);
width:990px;
height:580px;
clear:left;
margin:0 auto;
position:relative;
}

#body {
width:990px;
height:460px;
margin:0px 0px 0px 0px;
}

#content {
float:left;
width:860px;
height:372px;
margin:0px 0px 0px 65px;
}

#flash {
float:left;
width:895px;
height:352px;
margin:20px 0px 0px 50px;
}

#quicklinks-menu {
width:860px;
height:80px;
margin:0px 0px 0px 65px;
float:left;
}

.quicklink1 {float:left; margin-right:9px;}
.quicklink2 {float:left; margin-right:10px;}
.quicklink3 {float:left; margin-right:10px;}
.quicklink4 {float:left;}

#body-right {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:600px;
height:400px;
background:#fff;
margin:0px 0px 0px 60px;
float:left;
}

/***************************/
/********* header **********/
/***************************/

#header {
height:110px;
width:990px;
margin:0px 0px 0px 0px;
}

#menu {
text-transform:uppercase;
/*font-weight:bold;*/
font-size:12px;
height:15px;
width:785px;
margin:57px 0px 0px 0px;
float:right;
text-align:left;
}

/*
.menu-item-1 {float:left;margin:0px 0px 0px 3px;}
.menu-item-2 {float:left;margin:0px 0px 0px 32px;}
.menu-item-3 {float:left;margin:0px 0px 0px 34px;}
.menu-item-4 {float:left;margin:0px 0px 0px 54px;}
.menu-item-5 {float:left;margin:0px 0px 0px 49px;}
.menu-item-6 {float:left;margin:0px 0px 0px 38px;}
.menu-item-7 {float:left;margin:0px 0px 0px 37px;}
*/

.menu-item-1 {float:left;margin:0px 0px 0px 0px;}
.menu-item-2 {float:left;margin:0px 0px 0px 30px;}
.menu-item-3 {float:left;margin:0px 0px 0px 32px;}
.menu-item-4 {float:left;margin:0px 0px 0px 50px;}
.menu-item-5 {float:left;margin:0px 0px 0px 47px;}
.menu-item-6 {float:left;margin:0px 0px 0px 36px;}
.menu-item-7 {float:left;margin:0px 0px 0px 35px;}

#menu a:link {text-decoration: none; color:#ffffff;}
#menu a:visited {text-decoration: none; color:#ffffff;}
#menu a:active {text-decoration: none; color:#ffffff;}
#menu a:hover {text-decoration: none; color:#fff400;}

#submenu {
text-transform:uppercase;
font-weight:bold;
font-size:11px;
height:15px;
width:793px;
margin:13px 0px 0px 0px;
float:right;
text-align:left;
}

#submenu ul {
margin:0px 0px 0px -48px;
}

#submenu li {
list-style-type:none;
margin:0px 18px 0px 19px;
float:left;
}

#submenu a:link {text-decoration: none; color:#999999;}
#submenu a:visited {text-decoration: none; color:#999999;}
#submenu a:active {text-decoration: none; color:#999999;}
#submenu a:hover {text-decoration: none; color:#333333;}

.logo {
width:121px;
height:63px;
float:left;
margin:0px 0px 0px 50px;
/*background:url(../images/logo.jpg);*/
}

/***************************/
/********* common **********/
/***************************/

a:link {text-decoration: none; color:#ffffff; border:none;}
a:visited {text-decoration: none; color:#ffffff; border:none;}
a:active {text-decoration: none; color:#ffffff; border:none;}
a:hover {text-decoration: none; color:#fff400; border:none;}

h1 {
font-size:95px;
color:#dc2510;
margin:0px 0px 0px 0px;
text-align:left;
}

/***************************/
/********* footer **********/
/***************************/

#footer {
color:#999999;
font-size:11px;
text-align:left;
width:990px;
height:15px; 
margin:0px 0px 0px 0px;
background-color:#fff;
}

#footer-menu {
text-align:left;
height:15px;
float:left;
width:700px;
margin:0px 0px 0px 22px;
}

#footer-menu ul {
margin:0px 0px 0px 0px;
}

#footer-menu li {
list-style-type:none;
margin:0px 3px 0px 5px;
float:left;
}

#copyright {
text-align:right;
height:15px;
float:right;
width:150px;
margin:0px 68px 0px 0px;
}

#footer a:link {color:#999999;}
#footer a:visited {color:#999999;}
#footer a:active {color:#999999;}
#footer a:hover {color:#000000;}

/***************************/
/***************************/
/***************************/

.content-home {float:left; color:#999999; font-size:11px; text-align:left; width:400px; height:100px; margin:185px 0px 0px 30px; line-height:14px;}
.content-home p {float:left; margin:7px 0px 0px 0px; width:400px; line-height:14px;}

.content-products {float:left; color:#999999; font-size:11px; text-align:left; width:409px; height:74px; margin:255px 0px 0px 25px; background:url(../images/good-to-know.gif)}
.content-products p {float:left; margin:3px 15px 0px 15px; line-height:13px; width:379px;}
.product-header {float:left; margin:10px 15px 0px 15px; line-height:13px; width:379px;}
.content-products-2 {float:left; color:#999999; font-size:11px; text-align:left; width:409px; height:90px; margin:255px 0px 0px 25px; background:url(../images/good-to-know2.gif)}
.content-products-2 p {float:left; margin:3px 15px 0px 15px; line-height:13px; width:379px;}

#content-info-button {float:left; color:#999999; font-size:11px; text-align:left; width:172px; height:31px; margin:300px 0px 0px 12px;}

#products-submenu {margin:50px 20px 0px 0px; width:150px; float:right;}

.content-our-company {float:left; color:#999999; font-size:11px; text-align:left; width:400px; height:100px; margin:95px 0px 0px 30px; line-height:14px;}
.content-our-company p {float:left; margin:7px 0px 0px 0px; width:400px; line-height:17px;}

.content-quality {float:left; color:#999999; font-size:11px; text-align:left; width:400px; height:100px; margin:95px 0px 0px 30px; line-height:14px;}
.content-quality p {float:left; margin:7px 0px 0px 0px; width:400px; line-height:17px;}

.content-whats-new {float:left; color:#999999; font-size:11px; text-align:left; width:400px; height:100px; margin:95px 0px 0px 30px; line-height:14px;}
.content-whats-new p {float:left; margin:7px 0px 0px 0px; width:400px; line-height:17px;}

.content-stockists {float:left; color:#999999; font-size:11px; text-align:left; width:400px; height:100px; margin:95px 0px 0px 30px; line-height:14px;}
.content-stockists p {float:left; margin:7px 0px 0px 0px; width:400px; line-height:17px;}

.content-contact-us {float:left; color:#999999; font-size:11px; text-align:left; width:600px; height:100px; margin:120px 0px 0px 40px; line-height:14px;}
.content-contact-us p {float:left; margin:1px 0px 0px 0px; width:600px; line-height:17px;}

.content-form {float:left; color:#999999; font-size:11px; text-align:left; width:600px; height:100px; margin:120px 0px 0px 40px; line-height:14px;}
.content-form p {float:left; margin:1px 0px 0px 0px; width:600px; line-height:17px;}

.content-confirmation {float:left; color:#999999; font-size:11px; text-align:left; width:232px; height:70px; margin:160px 0px 0px 115px; line-height:14px; background:url(../images/confirmation-border.jpg); background-repeat:no-repeat;}
.content-confirmation-header {float:left; margin:12px 0px 0px 12px; width:212px; line-height:14px;}
.content-confirmation p {float:left; margin:3px 0px 0px 12px; width:212px; line-height:14px;}

.content-confirmation2 {float:left; color:#999999; font-size:11px; text-align:left; width:195px; height:50px; margin:170px 0px 0px 130px; line-height:14px; background:url(../images/confirmation-border2.jpg); background-repeat:no-repeat;}
.content-confirmation2-header {float:left; margin:10px 0px 0px 12px; width:175px; line-height:14px;}
.content-confirmation2 p {float:left; margin:3px 0px 0px 12px; width:175px; line-height:14px;}

.content-confirmation2 a:link {color:#999999; text-decoration:underline;}
.content-confirmation2 a:visited {color:#999999; text-decoration:underline;}
.content-confirmation2 a:active {color:#999999; text-decoration:underline;}
.content-confirmation2 a:hover {color:#000000; text-decoration:underline;}

.content-confirmation a:link {color:#999999; text-decoration:underline;}
.content-confirmation a:visited {color:#999999; text-decoration:underline;}
.content-confirmation a:active {color:#999999; text-decoration:underline;}
.content-confirmation a:hover {color:#000000; text-decoration:underline;}

.content-border-1 {float:left; color:#999999; font-size:11px; text-align:left; width:232px; height:110px; margin:20px 0px 0px 24px; line-height:14px; background:url(../images/contact-us-border.jpg)}
.content-border-2 {float:left; color:#999999; font-size:11px; text-align:left; width:232px; height:110px; margin:20px 0px 0px 10px; line-height:14px; background:url(../images/contact-us-border.jpg)}

.content-feedback {float:left; color:#999999; font-size:11px; text-align:left; width:202px; height:67px; margin:14px 0px 0px 15px; line-height:14px;}
.content-feedback p {float:left; margin:3px 0px 0px 0px; width:200px; line-height:14px;}
.content-feedback-header{float:left; margin:-2px 0px 0px 0px; height:18px;}

.content-mailing-list {float:left; color:#999999; font-size:11px; text-align:left; width:202px; height:67px; margin:14px 0px 0px 15px; line-height:14px;}
.content-mailing-list p {float:left; margin:3px 0px 0px 0px; width:200px; line-height:14px;}
.content-mailing-list-header{float:left; margin:-2px 0px 0px 0px; height:18px;}

.content-contact-us a:link {color:#999999;}
.content-contact-us a:visited {color:#999999;}
.content-contact-us a:active {color:#999999;}
.content-contact-us a:hover {color:#000000; text-decoration:underline;}

.content-feedback a:link {color:#999999; text-decoration:underline;}
.content-feedback a:visited {color:#999999; text-decoration:underline;}
.content-feedback a:active {color:#999999; text-decoration:underline;}
.content-feedback a:hover {color:#000000; text-decoration:underline;}

.content-mailing-list a:link {color:#999999; text-decoration:underline;}
.content-mailing-list a:visited {color:#999999; text-decoration:underline;}
.content-mailing-list a:active {color:#999999; text-decoration:underline;}
.content-mailing-list a:hover {color:#000000; text-decoration:underline;}

.content-facts {float:left; color:#999999; font-size:11px; text-align:left; width:151px; height:100px; margin:82px 0px 0px 40px; line-height:14px;}
.content-facts p {float:left; margin:7px 0px 0px 0px; width:151px; line-height:16px;}

.content-facts-2 {float:left; color:#999999; font-size:11px; text-align:left; width:151px; height:100px; margin:82px 0px 0px 15px; line-height:14px;}
.content-facts-2 p {float:left; margin:7px 0px 0px 0px; width:151px; line-height:16px;}

.content-ingredients {float:left; color:#999999; font-size:11px; text-align:left; width:151px; height:100px; margin:162px 0px 0px 30px; line-height:14px;}
.content-ingredients p {float:left; margin:7px 0px 0px 0px; width:151px; line-height:16px;}
.content-ingredients-button-1 {float:left; margin:340px 0px 0px 40px; width:23px; height:24px;}
.content-ingredients-button-2 {float:left; margin:340px 0px 0px 0px; width:23px; height:24px;}

.content-ingredients-2 {float:left; color:#999999; font-size:11px; text-align:left; width:151px; height:100px; margin:162px 0px 0px 15px; line-height:14px;}
.content-ingredients-2 p {float:left; margin:7px 0px 0px 0px; width:151px; line-height:16px;}

.content-ingredients-3 {float:left; color:#999999; font-size:11px; text-align:left; width:151px; height:100px; margin:162px 0px 0px 90px; line-height:14px;}
.content-ingredients-3 p {float:left; margin:7px 0px 0px 0px; width:151px; line-height:16px;}

.content-gluten-free {float:left; color:#999999; font-size:11px; text-align:left; width:200px; height:100px; margin:94px 0px 0px 30px; line-height:14px;}
.content-gluten-free p {float:left; margin:7px 0px 0px 0px; width:190px; line-height:16px;}

.content-gluten-free-2 {float:left; color:#999999; font-size:11px; text-align:left; width:200px; height:100px; margin:94px 0px 0px 8px; line-height:14px;}
.content-gluten-free-2 p {float:left; margin:7px 0px 0px 0px; width:190px; line-height:16px;}

/************************************/
/******** background images *********/
/************************************/

#container-home {background-repeat:no-repeat;background:url(../images/bg.jpg);width:990px;height:580px;clear:left;margin:0 auto;position:relative;}
#container-bars-macadamia {background-repeat:no-repeat; background:url(../images/bg_bars_macadamia.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-bars-apricot {background-repeat:no-repeat; background:url(../images/bg_bars_apricot.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-bars-sesame {background-repeat:no-repeat; background:url(../images/bg_bars_sesame.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-bars-cashew {background-repeat:no-repeat; background:url(../images/bg_bars_cashew.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-bars-almond {background-repeat:no-repeat; background:url(../images/bg_bars_almond.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-our-company {background-repeat:no-repeat; background:url(../images/bg_our_company.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-quality {background-repeat:no-repeat; background:url(../images/bg_quality.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-whats-new {background-repeat:no-repeat; background:url(../images/bg_whats_new.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-stockists {background-repeat:no-repeat; background:url(../images/bg_stockists.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-contact-us {background-repeat:no-repeat; background:url(../images/bg_contact_us.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-feedback-enquiry {background-repeat:no-repeat; background:url(../images/bg_feedback_enquiry.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-join-mailing-list {background-repeat:no-repeat; background:url(../images/bg_join_mailing_list.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-gluten-free {background-repeat:no-repeat; background:url(../images/bg_gluten_free.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-facts {background-repeat:no-repeat; background:url(../images/bg_facts.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-ingredients-page1 {background-repeat:no-repeat; background:url(../images/bg_ingredients_page1.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-ingredients-page2 {background-repeat:no-repeat; background:url(../images/bg_ingredients_page2.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-ingredients-page3 {background-repeat:no-repeat; background:url(../images/bg_ingredients_page3.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-hifiplus-almond-apricot {background-repeat:no-repeat; background:url(../images/bg_hifi_aa.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-hifiplus-macadamia-apricot {background-repeat:no-repeat; background:url(../images/bg_hifi_ma.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-hifiplus-yoghurt-almond-apricot {background-repeat:no-repeat; background:url(../images/bg_hifi_yaa.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-hifiplus-yoghurt-macadamia-apricot {background-repeat:no-repeat; background:url(../images/bg_hifi_yma.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-hifiplus-premium-nut {background-repeat:no-repeat; background:url(../images/bg_hifi_pn.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-indulgence-almond-honey {background-repeat:no-repeat; background:url(../images/bg_indulgence_ah.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-indulgence-macadamia-honey {background-repeat:no-repeat; background:url(../images/bg_indulgence_mh.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-oxiplus-aa {background-repeat:no-repeat; background:url(../images/bg_oxiplus_aa.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-oxiplus-gbc {background-repeat:no-repeat; background:url(../images/bg_oxiplus_gbc.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-oxiplus-olc {background-repeat:no-repeat; background:url(../images/bg_oxiplus_olc.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-multipacks-apricot {background-repeat:no-repeat; background:url(../images/bg_multipacks_apricot.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-multipacks-sesame {background-repeat:no-repeat; background:url(../images/bg_multipacks_sesame.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}
#container-blank {background-repeat:no-repeat; background:url(../images/bg_blank.jpg); width:990px; height:580px; clear:left; margin:0 auto; position:relative;}

/************************************/
/******** join mailing list *********/
/************************************/

.join-mailing-list {
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

input {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#77787a;
background:#E7E7E8;
border:0px solid #FFFFFF;
width:248px;
height:20px;
margin:0px 0px 1px 0px;
padding:2px 0px 0px 3px;
}

textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#77787a;
background:#E7E7E8;
border:0px solid #FFFFFF;
width:248px;
margin:0px 0px 1px 0px;
padding:2px 0px 0px 3px;
}

label {
width:75px;
float:left;
text-align:right;
margin-top:4px;
margin-right:15px;
line-height:13px;
}

.back {
border:3px solid #E7E7E8;
text-align:center;
width:50px;
height:16px;
float:left;
background:#E7E7E8;
margin-left:236px;
margin-top:0px;
padding:4px 0px 0px 1px;
font-size:9px;
}

.back a:link {color:#777777; text-decoration:none;}
.back a:visited {color:#777777; text-decoration:none;}
.back a:active {color:#777777; text-decoration:none;}
.back a:hover {color:#777777; text-decoration:none;}

.submit {
float:right;
background:#E7E7E8;
margin-right:262px;
margin-top:0px;
padding: 0px 0px 1px 0px;
}