@charset "utf-8";
/* CSS Document */

* {margin: 0px;	padding: 0px;}

body{font-family:Arial, Helvetica, sans-serif;margin-top:0px;background-image:url(images/bgc.gif);background-repeat:repeat;color:#333;}

a {outline:none;}
img a:focus, a:hover, a:active {outline:none;}
img, table{border:none; margin:0px;}

a:link{color:#990066;text-decoration:none;}
a:visited{color:#990066;text-decoration:none;}
a:hover{color:#990066;text-decoration:underline;}

h1{font-size:14px; font-weight:bold; margin:15px; color:#FFCC00; }
h2.login{font-size:14px; font-weight:bold; margin:15px 5px 0px 20px; color:#FFF; }
h2.nutrition{font-size:14px; font-weight:bold; margin:10px 5px 0px 20px; color:#FFF;}
h3{font-size:15px; font-weight:bold; color:#000000; margin:20px 10px 20px 10px; text-transform:uppercase;}
h3.prodname{font-size:18px; font-weight:bold; color:#000000; margin:20px 10px 10px 10px;}
h3.nomar{margin:0px 0px 20px 0px;}
h3.nobtmmar{margin:0px;}
h3.martopleft{margin-top:40px; margin-left:15px;}
h3.prodmenu{margin-top:40px; margin-left:15px; font-weight:normal; font-size:14px;}
h4{font-size:14px; font-weight:bold; color:#006666; margin:20px 10px 3px 0px; }
h5{font-size:12px; color:#990066; font-weight:bold; margin-bottom:0px; margin-top:10px;}
h6{font-size:12px; color:#990066; font-weight:bold; margin-bottom:0px; margin-top:10px;}

#container{width:900px;color:#FFF;margin-left:auto;margin-right:auto;}

#print_topnav{display:none;}
#topnav{position:absolute; z-index:3; width:909px;}		
#logo{float:left; z-index:3; width:253px; height:109px;}
#navbuttons{margin:15px 0px 0px 253px; z-index:3;}
.search{background-image:url(images/search_bg.jpg); background-repeat:no-repeat; width:234px; height:70px; float:right; margin-right:15px;}
.searchform{padding:16px 10px 10px 10px; margin-left:45px;}

#content{background-color:#FFF;color:#000;margin:0px 0px 0px 9px;top:85px;width:860px;height:475px;position:absolute;z-index:1;}
#content p{font-size:12px; margin:15px; color:#333333;}
#content p.home{font-size:14px; font-style:italic; line-height:1.4em; margin:50px 40px 30px 40px;}
#prodname_ct, #prodname_ct p{font-size:18px !important; font-weight:bold !important; color:#000000 !important; margin:20px 10px 10px 0 !important;}
#prodname_ct p{margin:0 !important;}

#content_scroll{background-color:#FFF;color:#000;margin:0px 0px 0px 9px;top:85px;width:885px;position:absolute;z-index:1;}
#content_scroll p{ font-size:12px; margin:15px; }

#lgindent{margin:50px 40px 50px 40px; min-height:400px;}
#lgindent p{margin:5px 15px 10px 0px;}

#topRmenu {float:right; font-size:11px; padding:20px 22px 0px 10px; text-align:right; color:#333;}
#topRmenu a:link{text-decoration:none; color:#990066;}
#topRmenu a:visited{text-decoration:none; color:#990066;}
#topRmenu a:hover{text-decoration:underline;color:#990066;}

.sitesearchbox{float:right; text-align:right; padding:10px; background-color:#ebebeb; width:403px; height:42px; margin:-30px -40px 10px 10px;}
.careertable th{padding:5px; background-color:#ebebeb; text-align:right; font-weight:normal;}
.careertable td{padding:5px;}
.joblisting{list-style:outside; font-size:12px; margin-top:0px; margin-bottom:15px;}
.joblisting li{padding:0 0 0 px; margin:0 0 0 15px;}
/* ================================================= */
				/*   product page styles   */
/* ================================================= */	
#tgif_fi{z-index:3; position:absolute; margin-left:333px;}
#tgif_fi img{width:535px; height:323px;}
#feat_image{width:535px; height:323px; position:absolute; z-index:2; margin-left:335px;}
#home_p{width:355px;}

.AZlist a:link{margin-right:10px;}
.AZlist a:visited{margin-right:10px;}
.AZlist a:hover{margin-right:10px;}

.backtotop a:link{font-size:9px; color:#336699; float:right; text-decoration:none;}
.backtotop a:visited{font-size:9px; color:#336699; float:right; text-decoration:none;}
.backtotop a:hover{text-decoration:underline;}

.productlist{text-transform:uppercase; padding-left:10px;}

.productlist a:link{color:#000000; text-decoration:none;}
.productlist a:visited{color:#000000; text-decoration:none;}
.productlist a:hover{color:#990066; text-decoration:underline;}

#product_name{margin-left:365px;}
#product_image{width:340px; height:354px; z-index:2; position:absolute;}
#tgif{z-index:3; position:absolute;}
#tgif img{width:340px; height:354px;}

#description{margin-left:365px; margin-right:30px; max-height:170px;}

#pdf{position:absolute; top:288px; left:768px; font-size:11px; color:#333;}
#pdf a:link{color:#990066; text-decoration:none;}
#pdf a:visited{color:#990066; text-decoration:none;}
#pdf a:hover{color:#006666; text-decoration:underline;}

.prodimage{float:left;margin-right:20px;width:340px;height:354px;}

#altphotos{position:absolute; top:282px; left:352px;}
#altphotos img{margin-right:10px;}
#altphotoslong{position:absolute; top:252px; left:352px; width:400px;}
#altphotoslong img{margin-right:10px;}

#share{display:none;padding:15px;width:360px;height:240px;background-color:#006666;/* for IE */filter:alpha(opacity=95);/* CSS3 standard */opacity:0.95;position:relative;left:385px;top:372px;z-index:3;}
#share td{padding:5px;}

#nutrition{width:234px;margin-top:4px;min-height:245px;}
#nutrition table{margin:10px 5px 5px 18px; font-size:11px;}
.nutritionbg{background-image:url(images/nutri_bg.png);background-repeat:repeat-y;}

/* ================================================= */
			/*   news and blog styles   */
/* ================================================= */	
.lnav a:link{font-weight:bold; color:#990066; text-decoration:none;font-size:11px;}
.lnav a:visited{font-weight:bold; color:#990066; text-decoration:none;font-size:11px;}
.lnav a:hover{color:#990066; text-decoration:underline;}

.newsheadmar p{margin-top:3px; margin-bottom:20px;font-size:11px;}

.newsdatehome{font-size:9px; color:#666666; font-weight:normal;float:right; margin-bottom:10px; margin-left:5px;}

.newsdate{font-size:9px; color:#666666; font-weight:normal;}

.newsimg{float:right; margin:0px 0px 5px 10px; max-width:200px;}

.newshl a:link{font-weight:bold; color:#333333; text-decoration:none;font-size:11px;}
.newshl a:visited{font-weight:bold; color:#333333; text-decoration:none;font-size:11px;}
.newshl a:hover{text-decoration:underline; color:#333333;}

#news{margin:35px 25px 25px 35px;}

#newsstory a:link{color:#990066; text-decoration:none;}
#newsstory a:visited{color:#990066; text-decoration:none;}
#newsstory a:hover{color:#990066; text-decoration:underline;}

#newsstory p{margin-left:0px;}
#newsstory ul{margin-left:50px; font-size:12px;}

#blog{margin:35px 25px 25px 35px; min-height:400px;}
#blog ul{margin-left:20px; font-size:12px;}
#blog p{margin-left:0px;}

.comments{margin:20px 15px 5px 15px; clear:both;}
.activecomments{font-size:11px; color:#666666; margin-top:0px; padding-top:0px;}

.postcomment a:link{color:#990066; text-decoration:none; font-size:11px; font-weight:bold;}
.postcomment a:visited{color:#990066; text-decoration:none; font-size:11px; font-weight:bold;}
.postcomment a:hover{color:#990066; text-decoration:underline; font-size:11px; font-weight:bold;}

.dotline{width:100%; border-bottom:#333333 1px dotted; height:1px;}

/* ================================================= */
				/*   recipe styles   */
/* ================================================= */	
.recipeimg{float:right; margin:0px 0px 5px 10px; max-width:300px; border:#999999 1px solid;}

#recipes{margin:40px 25px 25px 35px; min-height:400px;}
#recipes p{margin-left:0px; font-size:12px;}
#recipes ul{margin-left:20px; font-size:12px;}

.recipestab{margin:20px 0px 20px 20px;padding-right:20px;font-size:12px; color:#333333;}
.recipestab p{margin-bottom:10px;font-size:11px;}
.recipestab a:link{font-weight:bold; color:#333333; text-decoration:none;font-size:11px;}
.recipestab a:visited{font-weight:bold; color:#333333; text-decoration:none;font-size:11px;}
.recipestab a:hover{color:#333333; text-decoration:underline;}

.recipestab2{margin:20px 0px 20px 20px;padding-right:20px;font-size:12px; color:#333333;}
.recipestab2 p{margin-bottom:10px;font-size:11px;}
.recipestab2 a:link{font-weight:bold; color:#990066; text-decoration:none;font-size:11px;}
.recipestab2 a:visited{font-weight:bold; color:#990066; text-decoration:none;font-size:11px;}
.recipestab2 a:hover{color:#990066; text-decoration:underline;}

.featuredrecipe ul{margin:5px 0px 10px 25px; font-size:12px; color:#333333;}
.featuredrecipe li{margin:0px; padding:0px; line-height:1.2em;}

#ingredients p{margin-left:15px; margin-top:5px;}

.regtd{text-align:right; font-weight:bold;}

#submitarecipe{margin:10px; padding-right:0px; font-size:11px;}	
#submitarecipe p{margin-bottom:10px; margin-top:5px;}	

#submitarecipe a:link{text-decoration:none; color:#FFF;}
#submitarecipe a:visited{text-decoration:none; color:#FFF;}
#submitarecipe a:hover{text-decoration:none;}

/* ================================================= */
			/*   photo gallery styles   */
/* ================================================= */	
#bg_eb{background-image:url(images/bg_eb.gif); background-repeat:repeat-y; margin-top:-1px; padding-top:1px; margin-bottom:-1px; padding-bottom:25px;}
.clear{clear:both;}

#gallerylist{margin:35px 15px 25px 0px; padding-left:25px; width:210px; float:left;}
#gallery_cont{margin:35px 25px 20px 285px;}
.viewfs{font-size:11px; text-transform:none; font-weight:normal; margin-bottom:20px;}

.mainphoto{text-align:center; display:block; min-height:400px;}
.mainphoto img{max-width:525px; max-height:350px;}
.mainphoto .caption{text-align:center; font-size:12px;}

#thumbnails2{height:120px; width:575px;overflow-x:scroll;overflow-y:hidden; background-color:#ebebeb;}
#tns2{list-style:none; height:120px; margin-left:15px;}
#tns2 li{float:left; margin-right:15px; margin-top:15px; width:75px; height:75px; text-align:center;}

.list_pg{border-top:#666666 1px dotted; padding:10px 0 10px 0; height:75px; font-size:12px;}
.list_thumb{height:75px; float:left; margin-right:10px;}

.album_l{width:276px; float:left;}
.album_r{width:276px; margin-left:296px;}

.albumcover{height:149px; overflow:hidden;}
.left_album{width:195px; float:left;}
.right_album{width:195px; float:right;}
.ctr_album{width:195px; margin-left:305px;}

.left_album, .right_album, .ctr_album{padding-bottom:10px;}
.dotline3{border-top:#666666 1px dotted; clear:both; padding-bottom:10px;}

.all_albums{width:195px; float:left; padding-bottom:35px; margin-right:5px;}
/* ================================================= */
			/*   timeline styles   */
/* ================================================= */	
.year{margin-bottom:10px; margin-right:15px;}

.multentries{margin:5px 15px 15px 0px; font-size:12px;}
.multentries a:link{color:#990066;text-decoration:none;}
.multentries a:visited{color:#990066;text-decoration:none;}
.multentries a:hover{text-decoration:underline;}

/* ================================================= */
	    	 	/*   top menu subnavs   */
/* ================================================= */

.subnav{background-color:#666;/* for IE */filter:alpha(opacity=85);/* CSS3 standard */opacity:0.85;z-index:4;}
.subnav p{margin:10px;color:#FFF;font-size:11px;font-weight:bold;}
.subnav a:link{color:#FFF; text-decoration:none;}
.subnav a:visited{color:#FFF; text-decoration:none;}	
.subnav a:hover{color:#FFCC00;}
	
#about{visibility:hidden;width:205px;height:155px;position:absolute;left:270px;}
#products{visibility:hidden;width:205px;height:107px;position:absolute;left:360px;}
#media{visibility:hidden;width:205px;height:132px;position:absolute;left:465px;}
#contact{visibility:hidden;width:205px;height:60px;position:absolute;left:542px;}

#fpbutton{margin:0px;top:25px;left:860px;height:258px;position:absolute;z-index:4;font-size:11px;}
	
#fpsubmenu{margin:0px;top:33px;height:233px;display:none;position:absolute;z-index:4;background-color:#066;/* for IE */filter:alpha(opacity=85);/* CSS3 standard */opacity:0.85;}
#fpsubmenu2{margin:0px;top:33px;height:233px;display:none;position:absolute;z-index:4;background-color:#066;/* for IE */filter:alpha(opacity=85);/* CSS3 standard */opacity:0.85;}

.long{width:725px; left:135px;}
.short{width:500px; left:360px; color:#FFFFFF;}

#fpsubmenu p{margin:5px 20px; font-size:11px; color:#FFFFFF;}
#fpsubmenu h1{font-size:14px; font-weight:bold; margin:20px 20px 10px 20px; color:#FFCC00;}

#fpsubmenu2 p{margin:5px 20px; font-size:11px; color:#FFFFFF;}
#fpsubmenu2 h1{font-size:14px; font-weight:bold; margin:20px 20px 10px 20px; color:#FFCC00;}

.short a:link{text-decoration:none; color:#FFCC00; font-weight:bold;}
.short a:visited{text-decoration:none; color:#FFCC00; font-weight:bold;}
.short a:hover{text-decoration:underline;}
#fp_p{margin:5px 20px; color:#FFFFFF; font-size:11px;}

#rightnav_prodlist{color:#FFCC00;height:203px;overflow:scroll;overflow-x:hidden;margin:15px;scrollbar-track-color:#066;scrollbar-arrow-color:#fff;scrollbar-face-color:#066;scrollbar-highlight-color: #fff;scrollbar-3dlight-color: #fff;}/* scrollbar-darkshadow-color : #660000;scrollbar-shadow-color : #FF0000; */

#rightnav_prodlist a:link{text-decoration:none; color:#FFF; font-weight:bold;}
#rightnav_prodlist a:visited{text-decoration:none; color:#FFF; font-weight:bold;}
#rightnav_prodlist a:hover{text-decoration:underline;}
	
#rightnav_prodlist p{ margin:2px 30px 2px 5px; padding:0px; font-size:11px;}
#rightnav_prodlist h6{margin:2px 5px; padding:0px; color:#FFCC00; font-size:12px; font-weight:bold;}
#rightnav_prodlist td{vertical-align:top;}

.extensionlist { list-style: none; }
.extensionlist li { display: block; padding: 5px 0; width: 100%; float: left; font-size: 12px; border-bottom: 1px dotted #555; }
.extensionlist li .option { float: left; border: 0; }
.extensionlist li .value { float: right; border: 0; }

/* ================================================= */
			/*	sections below content	*/
/* ================================================= */

#bottom{z-index:2; position:absolute; top:400px; height:100%;}

#login{margin:0px;float:left;background-image:url(images/nutri_bg.png);background-repeat:repeat-y;background-color:#006666;color:#FFFFFF;width:234px;}
#login p{ margin:5px 20px 15px 20px; font-size:11px;}
#login a:link{color:#FFFFFF; text-decoration:none;}
#login a:visited{color:#FFFFFF; text-decoration:none;}
#login a:hover{text-decoration:underline;}

#didyouknow{margin:10px; padding-right:0px; font-size:11px;}	
#didyouknow p{margin-bottom:10px; margin-top:5px;}	

#didyouknow a:link{text-decoration:none; color:#FFF;}
#didyouknow a:visited{text-decoration:none; color:#FFF;}
#didyouknow a:hover{text-decoration:none;}

.tab{margin:20px 0px 20px 20px;padding-right:20px;font-size:11px;}

.minheight{min-height:200px;}

.graybg{background-color:#ececec;vertical-align:top;color:#666;}

.graybg_brdr{background-color:#ececec;vertical-align:top;color:#666;background-image:url(images/tabbg.gif);background-repeat:repeat-y;}

.purplebg{background-image:url(images/tab_purplebg.jpg);background-repeat:repeat-y;vertical-align:top;color:#FFF;background-color:#660066;}

.smallerp{margin:0px 0px 5px 0px;}
	
/*to use purplebg in middle or left tabs - must make a new bg image using 'tab_purplebg.jpg' that is the width of that tab */
	
#spacer{background-color:#dad3cb; height:225px; width:1px; float:right; margin-top:20px; margin-bottom:20px;}

#footer{margin-left:9px;background-image:url(images/footer.png);background-repeat:no-repeat;height:31px;width:886px;}
#footer p{margin:0px 15px 5px 15px;padding-top:9px;font-size:10px;color:#999;}
#footer a:link{color:#999; text-decoration:none;}
#footer a:visited{color:#999; text-decoration:none;}
#footer a:hover{color:#CCCCCC; text-decoration:underline;}

#footer2{background-color:#dad3cb;background-image:url(images/footer.png);background-repeat:no-repeat;height:31px;width:886px;}
#footer2 p{margin:0px 15px 5px 15px;padding-top:9px;font-size:10px;color:#999;}	
#footer2 a:link{color:#999; text-decoration:none;}
#footer2 a:visited{color:#999; text-decoration:none;}
#footer2 a:hover{color:#CCCCCC; text-decoration:underline;}

.orbislogo{float:right; margin:5px 10px 5px 0px; font-size:10px;color:#999;}
.employeeemail{float:right; font-size:10px; margin-top:10px; color:#999;}

#footer p.copyright,
#footer2 p.copyright { font-size:11px; float: left; margin: 0 125px 5px 15px; color: #999; padding-top:9px; }
.twitter, 
.facebook {    
	display: block;
    float: left;
	margin: 5px 10px 0 0;
    position: relative;
}

