body {
height:100%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
background-color:#336;
margin:0;
padding:0;
}

/* New Menu System */

div#menu{position:relative; text-align: center; height:37px; top: 0px;background:#FF7C00;}
ul.menu {list-style:none; margin:0; padding:0; text-align: center; width: 920px; height:37px;}
ul.menu * {margin:0; padding:0;}
ul.menu .aboutus {margin:0; padding:0; border-right:1px solid #353d8e; width: 114px; background:url(http://www.americannutrition.com/images/menu-bg-aboutus.gif)}
ul.menu a {display:block; color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none}
ul.menu a:visited {color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none}
ul.menu a:active {color:#FFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration:none}
ul.menu li {position:relative; float: left; margin-right:0px; width: 115px; }
ul.menu ul {position:absolute; top:28px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #353d8e; border-top:none; width:115px; margin:0}
ul.menu ul li a {display:block; padding:2px 5px 2px; background-color:#e2d7b6}
ul.menu ul li a:hover {background-color:#fdb515;}
ul.menu .menulink {border-top:1px solid #353d8e; border-left:1px solid #353d8e; border-bottom:1px solid #353d8e; padding:2px 5px 2px; font-weight:bold; background:url(http://www.americannutrition.com/images/menu-bg.gif); width: auto; height: 37px;}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(http://www.americannutrition.com/images/menubg-over.gif); color:#ff6600; text-decoration:none}
ul.menu .topline {border-top:1px solid #353d8e;}

div.spanish-in-header {
width: 350px;
height: 35px;
padding: 0px; 
margin: 0 0 0 45px;
text-align: left; 
font: bold 12px Arial;
font-style: italic; 
color: #2a2673;
}

#contentWrapper {
background-color:#fff;
width:920px
}

#textWrapper {
background-color:#FFF;
width:700px;
color:#000;
line-height:130%;
letter-spacing:.25px;
margin-left:25px;
margin-right:25px;
padding-left:25px;
padding-right:25px
}

#buynowWrapper {
width:600px;
padding-top:10px;
padding-left:25px;
padding-bottom:5px
}

#buttonWrapper {
padding-bottom:5px;
padding-top:5px;
text-align:center
}

#buttonLastWrapper {
padding-bottom:30px;
padding-top:10px;
text-align:center
}

#topsocialWrapper {
width:920px;
height:50px;
margin:0
}

#flashWrapper {
width:590px;
height:210px;
vertical-align:middle;
background-color:#fff
}

#copyrightWrapper {
font:10px/13px verdana, lucida, arial, helvetica, sans-serif;
color:#fff;
line-height:135%;
text-align:center;
margin-bottom:20px;
margin-top:10px;
width:880px;
}

#copyrightWrapper a { 
	color:#ffffff;
}

#copyrightWrapper a:hover {
	color: #000000;
}

#promoLeftWrapper1 {
float:left;
margin-left:52px;
width:290px
}

#div-1a {
position:absolute;
top:0;
right:0;
width:290px
}

#div-1b {
position:absolute;
top:0;
left:0;
width:290px
}

#div-1c {
clear:both
}

#buynowRightWrapper {
float:right;
width:150px;
vertical-align:top;
padding-top:5px;
padding-bottom:10px
}

#twitterWrapper {
width:600px;
padding-top:30px;
padding-left:25px;
padding-bottom:5px
}

#contactWrapper {
float:left;
width:200px;
text-align:center;
background-color:#fff;
height:150px
}

#footerWrapper {
width: 870px;
height:150px;
align:center;
border-top:2px solid #181c4b;
background-color:#fff;
margin-top:0;
padding-left:50px
}

#productWrapper {
width:239px;
border:2px solid gray;
text-align:center;
margin:0;
padding:0
}

td.header {
width:300px;
vertical-align:middle;
text-align:center
}

td.headerSidebar {
width:90px;
vertical-align:middle;
text-align:right;
padding-left:20px
}

td.headerSidebarcart {
width:90px;
vertical-align:middle
}

td.headerShopping {
width:100px;
vertical-align:middle;
text-align:center;
padding-left:20px
}

td.topnav {
background-color:#181c4b;
vertical-align:top;
width:200px;
text-align:center;
margin:0;
padding:0
}

td.leftnav {
background-color:#181c4b;
font:12px/15px arial;
color:#000;
vertical-align:top;
width:200px;
text-align:center;
padding-top:-5px;
margin:0
}

td.maincontent {
background-color:#fff;
color:#000;
vertical-align:top;
width:600px;
font:12px/15px verdana, lucida, arial, helvetica, sans-serif;
line-height:135%;
letter-spacing:.5px;
text-align:left;
margin: 0; 
padding-left: 20px; 
}

td.blankpadding {
background-color:#fff;
width:25px
}

table.tableFooter {
width:800px;
background-color:#fff;
margin:0;
padding:0
}

td.logos {
text-align:center;
vertical-align:middle
}

td.contact {
width:500px;
text-align:center;
vertical-align:middle
}

td.formtext {
background-color:#fff;
color:#000;
vertical-align:top;
font:12px/15px verdana, lucida, arial, helvetica, sans-serif;
line-height:135%;
letter-spacing:.75px;
text-align:left;
font-weight:700;
margin:0
}

table.tableShipping {
width:350px;
border-collapse:collapse;
margin:0 auto;
padding:0 inherit
}

td.shipping {
background-color:#fff;
width:175px;
text-align:left;
vertical-align:middle;
font:12px/15px verdana, lucida, arial, helvetica, sans-serif;
line-height:135%;
letter-spacing:.75px
}

table.tableSpecials {
width:600px;
border-collapse:collapse;
margin:0 auto;
padding:0 inherit
}

td.specials {
background-color:#fff;
width:200px;
text-align:center;
vertical-align:middle;
font:11px/13px verdana, lucida, arial, helvetica, sans-serif;
line-height:135%;
letter-spacing:.25px
}

.pageName {
color:red;
background-color:#191e4b
}

.productLinks {
width:100%;
border-left-color:#191E4B;
border-right-color:#191E4B;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
border-bottom-color:#191E4B;
color:#000;
border-bottom-width:thin;
border-right-width:thin;
border-left-width:thin;
margin-bottom:25px;
padding-bottom:15px
}

.productLinks a:visited {
color:#63C
}

.productLinks a:link {
color:#06F
}

.productLinks a:active {
color:#03C
}

td.blueline {
background-color:#181c4b;
height:2px;
padding:0
}

hr {
color:#717171;
height:1px
}

.rtop,.rbottom {
display:none
}

.rtop *,.rbottom * {
display:block;
height:1px;
overflow:hidden
}

.r1 {
margin:0 5px
}

.r2 {
margin:0 3px
}

.r4 {
height:2px;
margin:0 1px
}

.rs2 {
margin:0 1px
}

.maintext {
font:11px/13px verdana, lucida, arial, helvetica, sans-serif;
color:#000;
line-height:135%;
letter-spacing:.5px;
text-align:left;
margin:0;
padding:0 0 3px
}

.smtext {
font:10px/12px verdana, lucida, arial, helvetica, sans-serif;
color:#000;
line-height:115%;
letter-spacing:.25px;
text-align:left
}

.blogtext {
font:11px/14px verdana, lucida, arial, helvetica, sans-serif;
color:#000;
line-height:135%;
letter-spacing:.5px;
text-align:left;
margin:0;
padding:0 0 3px
}

.sale {
font:12px/14px verdana, lucida, arial, helvetica, sans-serif;
padding-top:10px;
padding-bottom:10px;
color:#c00;
letter-spacing:.5px;
font-weight:700;
margin:0
}

h1 {
font:24px/28px verdana, lucida, arial, helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
margin-right:3px;
color:#fff;
letter-spacing:.25px;
font-weight:700;
line-height:135%;
position:relative;
left:20px
}

h2 {
font:18px/20px verdana, lucida, arial, helvetica, sans-serif;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
color:#000;
letter-spacing:.5px;
font-weight:700;
position:relative;
left:20px
}

h3 {
font:10px/13px verdana, lucida, arial, helvetica, sans-serif;
color:#fff;
line-height:135%;
letter-spacing:.5px;
text-align:left;
margin:0;
padding:0 0 3px
}

h4 {
font:13px/15px verdana, lucida, arial, helvetica, sans-serif;
padding-top:20px;
padding-bottom:10px;
color:#036;
letter-spacing:.5px;
font-weight:700;
margin:0
}

h5 {
font:24px/28px verdana, lucida, arial, helvetica, sans-serif;
padding-top:5px;
padding-bottom:5px;
margin-right:3px;
color:#000;
letter-spacing:.25px;
font-weight:700;
line-height:135%;
position:relative;
left:20px
}

.arrowlistmenu {
width:200px;
font:bold 10px Arial;
color:#FFF;
background:1810000px;
margin-bottom:1px;
text-transform:uppercase;
letter-spacing:.5px;
padding:2px 0 2px 5px
}

.arrowlistmenu .headerbar {
font:bold 14px Arial;
color:#FFF;
background:1810000px;
margin-bottom:1px;
text-transform:uppercase;
letter-spacing:1px;
text-align:center;
padding:0
}

.arrowlistmenu ul {
list-style-type:none;
margin:0 0 8px;
padding:0
}

.arrowlistmenu ul li {
padding-bottom:1px
}

.arrowlistmenu ul li a {
font:bold 10px Arial;
color:#fff;
display:block;
text-decoration:none;
font-weight:700;
border-bottom:1px solid #e7e7e7;
font-size:100%;
letter-spacing:.5px;
padding:2px 2px 2px 10px
}

.arrowlistmenu ul li a:visited {
color:#fff
}

.arrowlistmenu ul li a:hover {
color:#ccc;
background-color:#181c4b
}

.brandsMenu {
width:175px;
font-family:arial;
font-size:11px;
font-weight:700;
color:#000
}

.filterCatTextBg {
width:586px;
height:26px;
line-height:26px;
color:#666;
font-family:arial,verdana,sans-serif;
font-size:11px;
font-weight:700
}

#letterLinkPanel {
width:586px;
height:24px;
line-height:24px
}

#letterLinkPanel div {
background-position:right top;
padding-left:4px;
padding-right:5px;
float:left;
font-weight:700;
text-transform:uppercase
}

.letters h2 {
width:509px;
height:47px;
color:#283759;
font-family:trebuchet ms,century gothic,arial,verdana,sans-serif;
font-size:26px;
font-weight:700;
padding-top:6px;
padding-left:12px;
margin-top:50px;
margin-bottom:0
}

.letters table {
margin-left:12px
}

.letters tr {
vertical-align:top
}

.letters td {
background-image:url(images/dotArrow.gif);
background-repeat:no-repeat;
background-position:left top;
padding-left:10px;
padding-right:10px;
padding-bottom:8px;
width:180px
}

.letterLinkOn {
color:#0b2b78;
font-size:12px;
cursor:pointer
}

.letterLinkOff {
color:#CCC;
font-size:12px
}

.filterMenu {
color:#888;
font-family:arial,verdana,sans-serif;
font-size:12px;
font-weight:700
}

#tableBody,table.tableBody {
width:920px;
border-collapse:collapse;
margin:0 auto;
padding:0 inherit
}

#promoRightWrapper1,#promoLeftWrapper,#promoRightWrapper {
float:left;
width:290px
}

.productLinks a:hover,div.feedBurnerFeedBlock p.feedTitle {
color:red
}

.r3,.rs1 {
margin:0 2px
}

A:link,A:visited {
color:#369;
text-decoration:.5px underline #999
}

A:hover,A:active {
color:#900;
text-decoration:.5px underline #ccc
}

A.nav:link,A.nav:hover,A.nav:active,A.nav:visited {
color:#fff;
text-decoration:underline
}

div.feedBurnerFeedBlock A:link,div.feedBurnerFeedBlock A:hover,div.feedBurnerFeedBlock A:active,div.feedBurnerFeedBlock A:visited {
color:#292672;
border-bottom:1px dotted #000;
text-decoration:1px dotted #000;
font:13px/16px verdana, lucida, arial, helvetica, sans-serif;
font-weight:700
}

#letterLinkPanel a:link,#letterLinkPanel a:visited,#letterLinkPanel a:active,#letterLinkPanel a:hover,.letters a:link,.letters a:visited,.letters a:active,.letters a:hover {
color:#0f369b;
font-size:12px
}