/*---------------------General Defaults---------------------*/
body {margin:0px; padding:0px; font:11px arial, sans-serif; color:#666; background:#FFF;}
a {outline: none; }
a:active
{outline: none;}
img {border:0px;}
form {margin:0px;}
.right {float:right;}
.left {float:left;}
.clearfloats {clear:both;}

a:link, a:visited {color:#0494DC; text-decoration:none;}
a:hover, a:active {color:#0494DC; text-decoration:underline;}

/*----------------Language switch page------------*/
#langswitchMain {margin:10px auto; text-align:center; position:relative; height:560px; width:415px; background:url(images/products_intro.jpg) no-repeat 50% 200px;}

a.en {display:block; position:absolute; top:200px; left: 0px; width:65px; height:20px; text-decoration:none; padding:2px; background: url(images/en.gif) no-repeat ;}
a.en:link, a.en:visited {color:#036FA3; background-position:0px 0px;}
a.en:hover, a.en:active {color:#333; background-position:0px -40px;}
a.fr {display:block; position:absolute; top:200px; left: 340px; width:70px; height:20px; text-decoration:none; padding:2px; background: url(images/fr.gif) no-repeat ;}
a.fr:link, a.fr:visited {color:#036FA3; background-position:0px 0px;}
a.fr:hover, a.fr:active {color:#333; background-position:0px -40px;}

#main {width:750px; margin:30px auto; position:relative;}

/*-------------------Header/Topnav---------------*/
#logo {position:absolute;; top:0px; left:0px; z-index:200;}

div#navcontainer {float:right; width:555px; background:url(images/nav_bg.gif) repeat-x; margin-top:50px; position:relative; z-index:200;}
ul#nav {float:right; height:30px; overflow:hidden; margin:0px; padding:0px; }
ul#nav li  {list-style:none; display:inline;}
ul#nav li a {float:left; display:block; height:30px; overflow:hidden; padding-top:70px; font-size:10px;}
ul#nav li a:link, ul#nav li a:visited {background-position:0px 0px;} 
ul#nav li a:hover, ul#nav li a:active {background-position:0px -40px;} 
a#nav_1{width:87px; background-image:url(en/images/nav_1.gif);}
a#nav_2{width:92px; background-image:url(en/images/nav_2.gif);}
a#nav_3{width:49px; background-image:url(en/images/nav_3.gif);}
a#nav_4{width:69px; background-image:url(en/images/nav_4.gif);}
a#nav_5{width:103px; background-image:url(en/images/nav_5.gif);}

a#navfr_1{width:121px; background-image:url(fr/images/nav_1.gif);}
a#navfr_2{width:85px; background-image:url(fr/images/nav_2.gif);}
a#navfr_3{width:118px; background-image:url(fr/images/nav_3.gif);}
a#navfr_4{width:89px; background-image:url(fr/images/nav_4.gif);}
a#navfr_5{width:140px; background-image:url(fr/images/nav_5.gif);}


ul#nav li a.current:link, ul#nav li a.current:visited,ul#nav li a.current:hover, ul#nav li a.current:active {background-position:0px -80px;} 

#prodsub, #prodsubfr {z-index:200; padding:6px 0px 0px 0px;  visibility:hidden; position:absolute; width:90px; overflow:hidden; top:20px; left:242px; text-align:left;}

#prodsubfr {width:140px; left:125px;}

#prodsub a, #prodsubfr a {display:block; padding:4px 10px; color:#fff;}
#prodsub a:link, #prodsub a:visited, #prodsubfr a:link, #prodsubfr a:visited {background: #FFF; color:#0494DC; text-decoration:none; border:solid #0494DC; border-width:0px 1px 1px 1px;}
#prodsub a:hover, #prodsub a:active, #prodsubfr a:hover, #prodsubfr a:active {background: #0494DC; color:#fff; text-decoration:none;}

/*-------------------Content Area-------------------*/
#contentmain {padding-top:100px;}
#contentmain #col1 {position:absolute; top:150px; left:0px; width:180px; height:auto; display:none;}
#contentmain #col2 {margin:0px 100px 10px 200px; line-height:15px; z-index:5; position:relative;}
#contentmain #colprod {margin:0px 0px 10px 200px; line-height:15px; z-index:5; position:relative;}

ul.infolist {margin-left:2px; padding-left:0px; list-style: none; position:relative; width:320px;}
ul.infolist li {display:block; background: url(images/infobullet.gif) no-repeat 0px 5px; padding:0px 0px 10px 8px;}

ul#faqlist {margin-left:10px; padding-left:0px; list-style: none; position:relative;}
ul#faqlist li {display:block; background: url(images/faqborder.gif) repeat-x bottom left; padding:0px 0px 1px 0px;}
#faqlist li a {display:block;  width:auto; text-decoration:none; padding:2px 0px 2px 20px; background: url(images/faqbullet.gif) no-repeat;}
#faqlist li a:link, #faqlist li a:visited {color:#036FA3; background-position:5px 6px; background-color:#FFF;}
#faqlist li a:hover, #faqlist li a:active {color:#333; background-position:5px -84px; background-color:#E5F4FB;}
.faq {padding:10px 0px 0px 0px; background: url(images/faqborder.gif) repeat-x bottom left; position:relative;}
.faq h1 {font:Bold 11px arial, sans-serif; color:#666; margin:0px 0px 5px 0px;}


a.faqtop {display:block; width:440px; height:10px; text-decoration:none; padding:2px; background: url(images/faqtop.gif) no-repeat ;}
a.faqtop:link, a.faqtop:visited {color:#036FA3; background-position:100% 5px;}
a.faqtop:hover, a.faqtop:active {color:#333; background-position:100% 2px;}


#soybeans1{top:-60px; left:80px;}
#soybeans2{position:absolute;  top:100px; left:670px;}
#soybeans3{position:absolute;  top:115px; left:530px;}
#cereal {position:absolute;  top:180px; left:400px;}
#glass {position:absolute;  top:116px; left:520px; padding-top:10px;}
#rice1{position:absolute;  top:-60px; left:0px;}

/*-------------------Products-------------------*/
#productsmain{position:relative; height:450px; width:100%;}
.prodmainen{background:url(en/images/products_main.jpg) no-repeat 210px 0px;}
.prodmainenr{background:url(en/images/products_ricemain.jpg) no-repeat 210px 0px;}
.prodmainfr{background:url(fr/images/products_main.jpg) no-repeat 210px 0px;}
.prodmainfrr{background:url(fr/images/products_ricemain.jpg) no-repeat 210px 0px;}

ul#prodnav {height:25px; overflow:hidden; margin:0px 0px 10px 0px; padding:0px;}
ul#prodnav li  {list-style:none; display:inline;}
ul#prodnav li a {float:left; display:block; height:30px; overflow:hidden; padding-top:70px; font-size:10px;}
ul#prodnav li a:link, ul#prodnav li a:visited {background-position:0px 0px;} 
ul#prodnav li a:hover, ul#prodnav li a:active {background-position:0px -40px;} 
a#prodnav_1{width:76px; background-image:url(en/images/prodnav1.gif);}
a#prodnav_2{width:76px; background-image:url(en/images/prodnav2.gif);}
a#prodnav_3{width:114px; background-image:url(en/images/prodnav3.gif);}

a#prodnavrice_1{width:76px; background-image:url(en/images/prodnavrice1.gif);}
a#prodnavrice_2{width:76px; background-image:url(en/images/prodnavrice2.gif);}

a#prodnavricefr_1{width:76px; background-image:url(fr/images/prodnavrice1.gif);}
a#prodnavricefr_2{width:76px; background-image:url(fr/images/prodnavrice2.gif);}

ul#prodnav li a.current:link, ul#prodnav li a.current:visited,ul#prodnav li a.current:hover, ul#prodnav li a.current:active {background-position:0px -80px;} 

a#prodnavfr_1{width:76px; background-image:url(fr/images/prodnav1.gif);}
a#prodnavfr_2{width:76px; background-image:url(fr/images/prodnav2.gif);}
a#prodnavfr_3{width:114px; background-image:url(fr/images/prodnav3.gif);}

#productsmain div {position:absolute;}
#productsmain a.moreinfo,#productsmain a.moreinfo_r  {display:block;  text-decoration:none; width:150px; height:26px; background: url(en/images/product_main_moreinfo.gif) no-repeat #FFF;}

#productsmain a.moreinfo,#productsmain a.moreinfo_r  {display:block;  text-decoration:none; width:155px; height:26px; background: url(en/images/product_main_moreinfo.gif) no-repeat #FFF;}
#productsmain a.moreinfo:link, #productsmain a.moreinfo:visited,#productsmain a.moreinfofr:link, #productsmain a.moreinfofr:visited {color:#036FA3; background-position:0px 2px; }
#productsmain a.moreinfo:hover, #productsmain a.moreinfo:active,#productsmain a.moreinfofr:hover, #productsmain a.moreinfofr:active {color:#333; background-position:0px -38px; }

#productsmain a.moreinfo_r, #productsmain a.moreinfofr_r {float:right; position:relative; left:9px; }
#productsmain a.moreinfo_r:link, #productsmain a.moreinfo_r:visited {background-position:85px 2px; }
#productsmain a.moreinfo_r:hover, #productsmain a.moreinfo_r:active {background-position:85px -38px; }

#productsmain a.moreinfofr_r:link, #productsmain a.moreinfofr_r:visited {background-position:75px 2px; }
#productsmain a.moreinfofr_r:hover, #productsmain a.moreinfofr_r:active {background-position:75px -38px; }

#productsmain a.moreinfofr,#productsmain a.moreinfofr_r  {display:block;  text-decoration:none; width:150px; height:26px; background: url(fr/images/product_main_moreinfo.gif) no-repeat #FFF;}


#productsmain div img {display:block; position:relative; left:-1px;}
#productsmain_links {top:0px; left:210px; width:370px; height:332px;}
#productsmain_original {top:95px; left:20px; width:180px; height:auto; text-align:right;}
#productsmain_original img {float:right;}
#productsmain_unsweetened {top:95px; left:590px; width:170px; height:auto;}
#productsmain_vanilla {top:310px; left:260px; width:310px; height:auto; }
#productsmain_vanillarice {top:95px; left:590px; width:170px; height:auto;}

ul.ingredients {margin:0px 10px 10px 10px; padding-left:0px; list-style: none; position:relative; width:320px;}
ul.ingredients li {display:block; background: url(images/infobullet.gif) no-repeat 0px 8px; padding:2px 0px 2px 8px;}

/*---------------Nutrition-------------------- */
#nutrition{position:absolute; top:170px; left:0px;}
/*a.nutritionlink{display:block;  text-decoration:none; width:125px; height:26px; }*/
a.nutritionlink:link, a.nutritionlink:visited {color:#036FA3; text-decoration:none;}
a.nutritionlink:hover, a.nutritionlink:active {color:#024B6F; text-decoration:underline;}

/*-------------------Home Page---------------*/
#homemain {clear:both; position:relative; height:400px; overflow:visible;}
#homephoto {position:absolute; top:20px; left:10px;}
#homeintro {position:absolute; top:40px; left:310px;}
#homecopy {position:absolute; top:205px; left:320px; height:auto; width:210px; }
#homecopyfr {position:absolute; top:190px; left:315px; height:auto; width:208px; }
#homecopy img, #homecopyfr img {vertical-align:text-bottom;}
#homeproduct {position:absolute; top:190px; left:530px;}

/*-------------------Footer---------------*/
#footer {text-align:center; position:relative; z-index:30; margin-top:50px; }
#footer a:link, #footer a:visited {color:#68A9C8; text-decoration:none;}
#footer a:hover, #footer a:active {color:#358CB5; text-decoration:underline;}
