﻿body {
	text-align: center;
	margin: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	xbackground: url(bg.gif);
	xfont-size: 11px;
}

/*Background image removed from body by Eric M. on 3/14/08. Inserted background color variable via request from Bryan Healey.*/


a img {
	border: none;
}
#homepage #overall{
	width: 980px;
	margin: auto;
}
#overall {
	width: 760px;
	text-align: left;
	margin: auto;
}
#homepage #headerwrapper{
	background: url(headerwrapperbg.gif) repeat-x top left;
	width: 980px;
	float: left;
	position: relative;
	z-index:999;
}
#header {
	width: 760px;
	background: url(headerbg.gif) no-repeat top left;
	float: left;
	height:94px;
	position: relative;
	z-index:999;
}

#container {
	float: left;
	background-color: #fff;
	width: 760px;
	position: relative;
}

#homepage #container{
	width: 980px;
}

#footerwrapper{ border-top: 5px solid #FFF;	}

#homepage #footerwrapper{
	width: 980px;
	background: #DDF0FF url(footerwrapperbg.gif) repeat-x;
	float: left;
}
#footer {
	width: 760px;
	background: #ddf0ff url(footernavbg.gif) no-repeat top left;
	float: left;
	padding-bottom: 50px;
}

#homepage #footer{
	background: url(footernavbg.gif) no-repeat top left;
	width: 980px;
}

#footer .footerlinks{
	width: 760px;
	float: left;
}

/*-------Header-------*/
.logo {
	padding-top: 9px;
	width: 200px;
	float: left;
}
.dailynutrition {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	width: 240px;
	float: left;
	font-style: italic;
	padding-top: 18px;
}
.nutrsmall {
	font-size: 11px;
}
.headerimage {
	float: right;
	width: 317px;
	padding-top: 1px;
}
.headernav {
	width: 400px;
	float: left;
	padding-top: 8px;
	padding-left: 47px;
	font-size: 0px;
}
.searcharea {
	background:#0168B5;
	position: relative;
	width: 175px;
	z-index: 1;
	text-align: center;
}
* html .searcharea {
	width: 175px;
}
.searchinput {
	font-size: 11px;
	width: 150px;
	margin-top: 10px;
	color: #999999;
}
.searchbutton {
	padding-top: 8px;
}

#acctlinks {
	position: absolute;
	padding-left: 69px;
	height: auto;
	top: 98px;
	right: 0;
	z-index:999;
	color:#000000;
}

#acctlinks .logged-in {padding-top:7px; padding-right:10px;}

#acctlinks a.accountlinks {padding:0px; background:none; color:#EC1719 !important; font-weight:bold; margin:0; float:none;}

.login-form-tdcells input, .register-form-tdcells input, .register-form-tdcells select, .register-pw-tdcells input, .register-pw-tdcells select {
	vertical-align: middle;
	width: 100px;
	height:17px;
}

#register-link {
	position: absolute;
	right: 0px;
	top: 18px;
	padding-right: 10px;
	width: 200px;
	text-align: center;
	color:#000000;
	font-size:11px;
	z-index:999;
}

#register-link a{
	font: 11px Arial bold;
	color:#EC1719;
	text-decoration:none;
}

#register-link a:hover{
	text-decoration:underline;
}

.register-link1 {
	font-size:11px;
	color:#000000;
	padding-top:1px;
	position:absolute;
	top:123px;
	right:7px;
}

.register-link1 a.register-link{
	font: 11px Arial bold !important;
	color:#EC1719 !important;
	text-decoration:none;
}

.register-link1 a.register-link:hover{
	text-decoration:underline;
}


/*-------Left Navigation-------*/
.leftnav {
	width: 177px;
	float: left;
	background-color: #0168b5;
	position: relative;
}
.tollfree {
	background: url(topleftnav.gif) no-repeat top left;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.tollfreeimage {
	float: left;
	width: 30px;
	padding-right: 3px;
	padding-top: 2px;
}
.tollfreetext {
	color: #ffffff;
	font-size: 11px;
	font-style: italic;
}
.tollfreenumber {
	font-size: 14px;
	font-weight: bold;
}
.leftnavigation {
	width: 177px;
	font-size: 0px;
}
.leftnavigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	z-index: 1000;
}
.leftnavigation ul li {
	list-style: none;
	display: block;
	width: 177px;
	z-index: 0;
	position : relative;
	float : left;
}
.leftnavigation ul li a {
	background: url(left-nav-bg.gif) repeat-x top left;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	border-top: 1px #80b4da dotted;
	border-bottom: 1px #0168b5 solid;
	list-style: none;
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
	text-align: left;
}
.leftnavigation ul li a:hover {
	background-position:bottom;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #ffffff solid;
}
.last {
	border-bottom: 1px #80b4da dotted;
}

.leftnavigation ul ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 152px;
}

.leftnavigation ul li ul { /* second-level lists */
	position : absolute;
  width : 156px;
	left: 177px;
	padding: 2px;
	background-color: #fff;
	top: -2px;
	display:none;
	z-index:0;
}

.leftnavigation ul li ul li {
	width: 156px;
}

.leftnavigation ul li ul li a {
}

.leftnavigation ul li:hover ul, .leftnavigation ul li.sfhover ul { /* lists nested under hovered list items */
	display:block;
}

.mailinglist {
	clear: left;
	width: 177px;
	padding-top: 12px;
	background: url(bottomleftnav.gif) no-repeat bottom left;
	padding-bottom: 20px;
}
.mailinglistimage {
	float: left;
	padding-top: 1px;
	padding-right: 2px;
	padding-left: 5px;
}
.mailinglisttitle {
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #ffffff;
}
.mailinglisttext {
	color: #ffffff;
	font-size: 11px;
	padding-left: 7px;
	padding-top: 7px;
	padding-bottom: 10px;
}
.mailinginput {
	width: 150px;
	font-size: 11px;
	margin-left: 11px;
	color: #999999;
}
.mailinglistbutton {
	text-align: center;
	width: 177px;
	padding-top: 7px;
}

/*-------Footer-------*/
.footernav {
	float: right;
	padding-top: 6px;
	padding-bottom: 7px;
	width: 520px;
	font-size: 0px;
}
.footernav ul {
	margin: 0px;
	padding: 0px;
}
.footernav ul li {
	list-style: none;
	background: url("footer-dot.gif") no-repeat right center;
	float: left;
	padding-right: 6px;
}
.footernav ul li a {
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	padding-left: 10px;
	padding-right: 10px;
}
.footernav ul li.footernavlast{
	background: none;
}
.scdesign {
	font-size: 11px;
	color: #ffffff;
	float: left;
	padding-top: 6px;
	padding-bottom: 7px;
	padding-left: 20px;
}
.scdesign a {
	color: #ffffff;
	text-decoration: none;
}
.scdesign a:hover {
	text-decoration: underline;
}
.securecredit {
	width: 300px;
	float: left;
	padding-top: 16px;
	padding-left: 10px;
	clear: both;
}
.secureshop {
	width: 87px;
	float: left;
}
.creditcards {
	width: 75px;
	float: left;
	padding-top: 11px;
	padding-left: 16px;
}

.copyright {
	float: right;
	text-align: center;
	width: 400px;
	padding-top: 18px;
	padding-right: 20px;
}
* html .copyright {
	width: 420px;
}

#homepage .copyright{
	width: 620px;
}


.copyright ul {
	margin: 0px;
	padding: 0px;
}
.copyright ul li {
	font-size: 11px;
	color: #0168b5;
	list-style: none;
	display: inline;
	padding-right: 7px;
}

/*-------Content-------*/
.content {
	float: right;
	width: 582px;
	margin-top: 4px;
}
div#other-content-body {
	padding-top: 27px;
}
.inthespotlight {
	float: left;
	width: 260px;
	xpadding-bottom: 20px;
	padding: 0 0 10px 12px;
	margin: 0;
}
.featureditem {
	width: 275px;
	float: left;
	padding-left: 12px;
}
.featuredimage {
	width: 100px;
	float: left;
	padding-bottom: 5px;
	padding-left: 10px;
}
.featuredinfo {
	width: 140px;
	float: left;
	padding-bottom: 5px;
	padding-left: 10px;
}
.featuredtitle {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
	padding-bottom: 5px;
}
.featuredtitle a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000000;
}
.featuredtext {
	font-size: 11px;
	color: #000000;
}
.featuredprice {
	font-size: 11px;
	color: #000000;
	padding-top: 7px;
	padding-bottom: 10px;
}
.saleprice {
	font-weight: bold;
	color: #f42a2c;
}
.welcomearea {
	float: right;
	width: 289px;
	margin-top: 24px;
	padding-bottom: 5px;
}
.welcometitle {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	background: url(welcometopbg.gif) no-repeat top right;
	padding-top: 7px;
	padding-left: 20px;
}
.welcometext {
	font-size: 11px;
	color: #000000;
	xbackground: #ddf0ff url(welcomebottombg.gif) no-repeat bottom right;
	padding: 0 0px 10px 5px;
	clear: both;
	z-index: 1;
	xpadding-left: 20px;
	xpadding-top: 12px;
	xpadding-bottom: 7px;
	xpadding-right: 15px;
}

.welcometext * {
	z-index: 1;
}

.secondsectionbar {
	float: right;
	xbackground: url(newsandfeaturedbg.gif) no-repeat top right;
	background: url(weeklyspecialsbg.gif) no-repeat top right;
	width: 100%;
	height: 27px;
}
.weeklyspecialtitle {
	float: left;
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
	padding-top: 4px;
	padding-left: 5px;
	margin: 0;
}
.weeklyitems {
	width: 570px;
	xwidth: 100%;
	float: left;
	padding: 8px 0;
	text-align: center;
}

.newsarticlestitle {
	xfloat: right;
	background: url(bg-blank-header.gif);
	font-size: 13px;
	font-weight: bold;
	color: #ffffff;
	font-style: italic;
	padding-left: 5px;
	padding-top: 4px;
	padding-right: 24px;
	height: 22px;
	margin: 0;
}

* html .newsarticlestitle{
	height: 26px;
}

.leftarrow {
	float: left;
	padding-left: 7px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.leftarrow2 {
	float: right;
	padding-top: 3px;
	padding-bottom: 3px;
}
.articles {
	background: #ddf0ff url(articlestopbg.gif) no-repeat top left;
	float: right;
	width: 219px;
	margin-top: 5px;
}
.articlesample {
	border-bottom: 1px #ffffff solid;
	float: left;
	xwidth: 150px;
	margin-left: 5px;
	padding: 0 10px;
}
.articlename {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
	padding-bottom: 5px;
	padding-top: 10px;
}
.articlename a {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
}
.articletext {
	font-size: 11px;
	color: #000000;
	padding-bottom: 5px;
}
.readmore {
	font-size: 11px;
	color: #f42a2c;
	text-decoration: underline;
	float: left;
	width: 55px;
	padding-bottom: 7px;
}
.readmore a {
	font-size: 11px;
	color: #f42a2c;
	text-decoration: underline;
}
.readmorearrow {
	float: left;
	width: 10px;
	padding-top: 4px;
	padding-left: 3px;
	padding-bottom: 11px;
	padding-right: 92px;
	border-bottom: 1px #ffffff solid;
}
.morearticles {
	background: url(newbottombg.gif) no-repeat bottom right;
	width: 166px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.morearticlestext {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
	width: 120px;
	float: left;
}
.morearticlestext a {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
}
.morearrow {
	float: left;
	width: 10px;
	padding-top: 5px;
	padding-left: 2px;
}
div#testimonials {
	background: #ddf0ff url(articlestopbg.gif) no-repeat top left;
	float: right;
	clear: right;
	xwidth: 181px;
	margin-top: 5px;
}
div#testimonials h3 {
	font-size: 12px;
	font-weight: bold;
	color: #0168b5;
	font-style: italic;
	margin: 0;
	padding: 10px 0 0 13px;
}
div#testimonials ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 215px;
}
div#testimonials ul li {
	font-size: 11px;
	color: #000000;
	background-color: #ddf0ff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
}
.readmoretest {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 3px;
	float: left;
	padding-bottom: 15px;
}
.readmoretest a {
	font-size: 11px;
	font-weight: bold;
	color: #0168b5;
	text-decoration: underline;
}
.readtestarrow {
	float: left;
	padding-top: 15px;
}
.testbottom {
	background: url(newbottombg.gif) no-repeat bottom right;
	width: 181px;
	height: 8px;
	float: left;
	font-size: 0px;
}
.dividers {
	margin-top: -2px;
}

.rightcolumn-image {
	background: #ddf0ff url(articlestopbg.gif) no-repeat top left;
	float: right;
	width: 219px;
	margin-top: 5px;
}

.rightcolumn-image-bottom {
	background: url(newbottombg.gif) no-repeat bottom right;
	width: 166px;
	float: left;
	margin-top: 13px;
}

.rightcolumn-image img {text-align:center; margin:13px 13px 0px 13px;}

table.contents-table {
	margin: auto;
}

table.contents-table td {
	font: normal .7em Tahoma, Arial, sans-serif;
	padding: 8px;
}

table.contents-table td.img-cell {
	padding-bottom: 0;
}

table.contents-table td.table-spacer-horizontal {
	padding: 0;
	background: url("divider-horizontal.gif") repeat-x left center;
}

table.contents-table td.table-spacer-vertical {
	padding: 0;
	background: url("divider-vertical.gif") repeat-y center top;
}

table.contents-table td a {
	font-weight: bold;
	color: #000;
}

h1.section-headertext {
	margin: 0;
	padding: 4px; 
	padding-left: 30px;
	background: url("featureditemicon.gif") no-repeat 6px center;
	color: #fff;
	font: bold 13px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
	width: 366px;
	float: left;
}

img.featureditemsheaderimage {
	float: right;
}

div.section-featured-item {
	background: #ddf0ff url(articlestopbg.gif) no-repeat top right;
	float: right;
	clear: right;
	width: 181px;
	margin-top: 5px;
	margin-left: 8px;
	padding-top: 8px;
}

div.section-featured-item table.contents-table td.img-cell img {
	border: solid 1px #BFDEF6;
}

div.section-holster {
	clear: both;
}

.caption {
	padding: 12px;
	margin: 0;
	font: normal .7em Tahoma, Arial, sans-serif;
}

div.subsections h2 {
	margin: 8px 0 0 0;
	padding-left: 34px;
	background: url("subsection-list-head-bg.gif") no-repeat 14px center;
	color: #F11C1E;
	font: bold 13px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
}

div.subsections ul {
	margin: 0;
	padding: 6px 20px;
	list-style: none;
}

div.subsections ul li {
	font: bold .7em/2.4em Tahoma, Arial, sans-serif;
	color: #0168B5;
}

div.subsections ul li a {
	color: #0168B5;
}

h1.headertext {
	margin: 0;
	padding: 4px; 
	padding-left: 30px;
	background: url("headertextbg.gif") no-repeat right top;
	color: #fff;
	font: bold 13px Tahoma, Arial, sans-serif;
	text-transform: uppercase;
}

span#breadcrumbs {
	font: normal .6em Tahoma, Arial, sans-serif;
	color: #0168B5;
	padding: 0 6px;
	width: 375px;
	display: block;
}

span#breadcrumbs a {
	color: #0168B5;
}

span#breadcrumbs img {
	margin: 0 6px;
}

div.image-holster {
	float: left;
	width: 220px;
	text-align: center;
	padding-left: 6px;
	padding-top: 6px;
}

div.pit-holster {
	padding-top: 6px;
	padding-right: 6px;
	float: right;
	width: 341px;
}

div#product-info-table {
	background: #DDF0FF url("productinfotabletop.gif") no-repeat left top;
	width: 341px;
	padding-top: 4px;
	font: normal .7em Tahoma, Arial, sans-serif;
}

div#product-info-table form {
	margin: 0;
	padding: 0;
}

div#product-info-table div {
	border-bottom: solid 1px #fff;
	padding: 6px 12px;
	margin: 0 4px;
}

div#product-info-table div input,
div#product-info-table div select {
	font-size: .8em;
}

div#product-info-table div img.new-image {
	float: left;
	margin-right: 6px;
}

div#product-info-table div span.ship-pop {
	color: #0168B5;
}

div#product-info-table div span.ship-pop a {
	color: #0168B5;
}

div#product-info-table div span.sale-price b {
	font-size: 1.1em;
}

div#product-info-table div span.you-save {
	color: #0168B5;
}

div#product-info-table div div {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

div#product-info-table div div.name {
	color: #0168B5;
	font-weight: bold;
	font-size: 1.1em;
}

div#product-info-table div.add-to-cart {
	text-align: center;
	margin: 0;
	background: url("productinfotablebottom.gif") no-repeat left bottom;
}

div#product-info-table div.add-to-cart img,
div#product-info-table div.add-to-cart input.order-button {
	margin: 6px 8px;
}

a#nutritional-info-link {
	display: block;
	text-align: center;
	color: #F11C1E;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a#nutritional-info-link:hover {
	text-decoration: underline;
}

div.cross-sell {
	float:left;
	padding:8px 0;
	text-align:center;
	width:391px;
}

div.related-items {
	background: #ddf0ff url("articlestopbg.gif") no-repeat top right;
	float: right;
	clear: right;
	width: 181px;
	margin-top: 5px;
	margin-left: 8px;
	padding-top: 8px;
	font: normal .7em Tahoma, Arial, sans-serif;
}

div.related-items ul {
	margin: 0 4px;
	padding: 0 12px 6px 12px;
	list-style: none;
}

div.related-items ul li {
	padding: 3px 0 3px 8px;
	background: url("related-dot.gif") no-repeat left center;
	color: #0168B5;
	font-weight: bold;
}

div.related-items ul li a {
	color: #0168B5;
}

div.related-items div.more-links {
	margin: 0 4px;
	padding: 6px 12px;
	border-top: solid 1px #fff;
}

div.related-items div.more-links a {
	margin-right: 6px;
	color: #EC1719;
}

form#contact-us {
	background: #DDF0FF url("contactformbg.jpg") no-repeat top left; 
	margin: 8px;
	height: 328px;
	padding: 4px 4px 4px 190px;
}

* html form#contact-us { 
	height: 336px;
}

*:first-child+html form#contact-us {
	height: 336px;
}

form#contact-us label {
	width: 98px;
	margin-left: 40px;
	text-align: left;
	float: left;
	color: #000;
	font: bold .7em Tahoma, Arial, sans-serif;
	padding-right: 8px;
	margin-top: 8px;
	clear: left;
}

form#contact-us div.input-area {
	width: 208px;
	float: left;
}

form#contact-us select,

form#contact-us input {
	width: 200px;
	float: left;
	border: solid 1px #BCDDFF;
	padding: 2px;
	margin-top: 4px;
	font: normal .7em Tahoma, Arial, sans-serif;
}

form#contact-us select#contact-form-state {
	width: auto;
}

form#contact-us input#contact-form-zip {
	width: 60px;
}

form#contact-us input#contact-form-phone-number {
	width: 90px;
}

form#contact-us textarea {
	width: 200px;
	height: 104px;
	margin-top: 4px;
	border: solid 1px #BCDDFF;
	padding: 2px;
	font: normal .7em Tahoma, Arial, sans-serif;
	margin-bottom: 8px;
}

form#contact-us hr {
	clear: left;
	height: 1px;
	background-color: #fff;
	border: none;
}

form#contact-us input#submit-button {
	width: auto;
	float: none;
	margin: auto;
	border: none;
	vertical-align: middle;
}

div.popup-win-container {
	margin: auto;
	width: 500px;
	text-align: left;
	background-color: #fff;
}

div.popup-win-container div.popup-header {
	text-align: right;
	padding: 4px;
	height: 60px;
	background: url("shippingpolicybanner.gif") no-repeat left top;
}

div.popup-win-container p {
	padding: 8px;
	margin: 0;
}

/* --- Start Sitemap --- */

.sitemap-header {
    font-weight: bold;
		font-size: 14px;
    color: #000000;
    display: block;
    padding-top:  15px;
}
.sitemap-1      {
    font-weight: bold;
		font-size: 12px;
    color: #EC1719;
    display: block;
    padding-left: 25px;
}
.sitemap-2      {
    font-size: 12px;
    color: #F42A2C;
    display: block;
    padding-left: 50px;
}
.sitemap-3      {
    font-size: 10px;
    color: #0168B5;
    display: block;
    padding-left: 75px;
}
.sitemap-4      {
    font-size: 8px;
    color: #1177C4;
    display: block;
    padding-left: 100px;
}

/* --- End Sitemap --- */

#homepage #homerightcol{
	float: right;
	background-color: #DDF0FF;
	width: 220px;
	
}

#stretch-homebody .messagerow,
#stretch-homebody .specialsrow{
	float: left;
	width: 802px;
}

#home-content-body{
	width: 802px;
}

#stretch-homebody .homerightcol{
	float: right;
	width: 220px;
	font-size: 11px;
}

#stretch-homebody .welcometext{
	float: left;
	width: 552px;
}

#stretch-homebody .homespecials{
	float: left;
	width: 575px;
	margin: 5px 0px 5px 2px;
}

* html #stretch-homebody .homespecials{
	margin: 5px 3px 5px 2px;
}

#stretch-homebody .homefooterhtml{
	padding: 15px 0px 15px 15px;
	clear: both;
	font-size: 11px;
	width: 540px;
}

#stretch-homebody .newsarticlecol{
	margin: 5px 0;
}

#stretch-homebody .homerightcol .leftarrow{
	padding-right: 5px;
}

#stretch-homebody .homerighthtml{
	margin-top: -32px;
	position: relative;
}

#homehtmlcontent{
	margin: 2px 0;
	background: #ddf0ff url(articlestopbg.gif) no-repeat top left;	
}

#homehtmlcontent .pad{
	padding: 10px 10px 5px 10px;
}

.homerighthtml .testbottom{
	background: url(newbottombg.gif) no-repeat bottom right;
	float: none;
}

#stretch-homebody .homerightcol .leftarrow{
	padding: 0 5px;
}

* html #stretch-homebody #testimonials,
* html #stretch-homebody .articles{
	width: 215px;
}

/*top-items css*/
#top-items #top-items-contents table.contents-table {
	width: 555px;
	margin: 0 auto;
}
/*end top-items css*/
