
body {
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
input, a {outline:0;}
ebody {
text-align : center;
margin : 0;
padding : 0;
}
div.container {
position : relative;
margin-left : auto;
margin-right : auto;
top: 0px;
width : 1000px;
text-align : left;
}
div#top{
width: 1000px;
height: 120px;
margin-bottom: 50px;
}
div#top img{
border:0;
}
div.pageHEADER {
position: absolute;
top: 150px;
width: 998px;
height: 396px;
z-index: -30;
}
div#footer{
position : relative;
margin-left : auto;
margin-right : auto;
width : 1000px;
text-align : left;
clear: both;
overflow:auto;
background :#FFFFFF url('../../graphics/footer.png') no-repeat;
}
div#footer img{
border:0;
}
#footer a {
margin: 4px;
text-decoration: none;
font: 12px Arial;
color: #2e1c15;
}
.footersmall {
	font: 10px Arial; color: #999999;
}
#footer .footersmall a{
	font: 10px Arial; color: #999999;
}
img#logo {
position: absolute;
top: 0px;
left: 0px;
border: 0px;
}
img#liveHELP {
position: absolute;
top: 100px;
right: 25px;
}
img#social {
position: absolute;
top: 40px;
left: 0px;
}
div#quoteline{
position: absolute;
top: 105px;
right: 165px;
font: 17px sans-serif;
color: #555555;
}
img#nytimes {
position: absolute;
top: 130px;
right: 162px;
}
div#tagline{
position: absolute;
top: 100px;
left: 25px;
font: 12px Verdana;
color: #2e1c15;
font-weight: Bold;
}
img#login {
position: absolute;
top: 5px;
right: 0px;
}
img#topnav {
position: absolute;
top: 0px;
left: 360px;
}
img#socialLINKS {
position: absolute;
top: 100px;
right: 0px;
}
div#nav_barTOP {
position: absolute;
top: 0px;
right: 0px;
width: 153px;
height: 27px;
background : url('../../graphics/navTOP.png') no-repeat;
z-index: 100;
}
div#nav_barTOPb {
position: absolute;
top: 0px;
right: 0px;
width: 255px;
height: 27px;
background : url('../../graphics/navTOPlogout.png') no-repeat;
z-index: 100;
}
#nav_barTOP ul, #nav_barTOPb ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#nav_barTOP li, #nav_barTOPb li {
display : inline;
padding: 0px;
margin: 0px;
}
a#home {
float : left;
display : block;
text-decoration : none;
width: 51px;
height: 27px;
}
a#home:hover {
background : url('../../graphics/navTOP.png') no-repeat 0px -27px;
}
a#help {
float : left;
display : block;
text-decoration : none;
width: 51px;
height: 27px;
}
a#help:hover {
background : url('../../graphics/navTOP.png') no-repeat -51px -27px;
}
a#login, a#logout, a#profile {
float : left;
display : block;
text-decoration : none;
width: 51px;
height: 27px;
}

a#login:hover {
background : url('../../graphics/navTOP.png') no-repeat -102px -27px;
}
a#logout:hover {
background : url('../../graphics/navTOPlogout.png') no-repeat -102px -27px;
}
a#profile:hover {
background: url('../../graphics/navTOPlogout.png') no-repeat -154px -27px;
}
a#cart {
float : left;
display : block;
text-decoration : none;
width: 51px;
height: 27px;
}
a#cart:hover {
background : url('../../graphics/navTOP.png') no-repeat -102px -27px;
}
a#navLEFT {
position: absolute;
top: 45px;
right: 605px;
background: url('../../graphics/navLEFT.png') no-repeat;
width: 120px;
height: 35px;
}
a#navLEFT:hover {
background : url('../../graphics/navLEFT.png') repeat-x 0px -35px;
}
div#nav_bar {
position: absolute;
top: 45px;
right: 0px;
width: 605px;
height: 35px;
background : url('../../graphics/navBAR.png') no-repeat;
}
#nav_bar ul {
margin : 0;
padding : 0;
list-style-type : none;
}
#nav_bar li {
display : inline;
padding: 0px;
margin: 0px;
}
a#reorder {
float : left;
display : block;
text-align : center;
text-decoration : none;
width: 121px;
height: 35px;
font: 13px Verdana;
color : #FFFFFF;
font-weight: bold;
}
a#reorder:hover {
background : url('../../graphics/navBAR.png') no-repeat 0px -35px;
}
a#shop {
float : left;
display : block;
text-align : center;
text-decoration : none;
width: 121px;
height: 35px;
font: 13px Verdana;
color : #FFFFFF;
font-weight: bold;
}
a#shop:hover {
background : url('../../graphics/navBAR.png') no-repeat -121px -35px;
}
a#gift {
float : left;
display : block;
text-align : center;
text-decoration : none;
width: 121px;
height: 35px;
font: 13px Verdana;
color : #FFFFFF;
font-weight: bold;
}
a#gift:hover {
background : url('../../graphics/navBAR.png') no-repeat -242px -35px;
}
a#wholesale {
float : left;
display : block;
text-align : center;
text-decoration : none;
width: 121px;
height: 35px;
font: 13px Verdana;
color : #FFFFFF;
font-weight: bold;
}
a#wholesale:hover {
background : url('../../graphics/navBAR.png') no-repeat -363px -35px;
}
a#about {
float : left;
display : block;
text-align : center;
text-decoration : none;
width: 121px;
height: 35px;
font: 13px Verdana;
color : #FFFFFF;
font-weight: bold;
}
a#about:hover {
background : url('../../graphics/navBAR.png') no-repeat -484px -35px;
}
div#home_bottom {
width: 1000px;
height: 117px;
background : url('../../graphics/infoBG.png');
background-position: center;
}
div#textHOME {
position: absolute;
top: 8px;
right: 150px;
width: 65px;
height: 15px;
font: 13px Verdana;
color : #FFFFFF;
z-index: 10;
}
div#textHELP {
position: absolute;
top: 8px;
right: 87px;
width: 65px;
height: 15px;
font: 13px Verdana;
color : #FFFFFF;
z-index: 10;
}
div#textLOGIN {
position: absolute;
top: 8px;
right: 38px;
width: 65px;
height: 15px;
font: 13px Verdana;
color : #FFFFFF;
z-index: 10;
}
div.suggestStep {
width: 632px;
margin-top: 20px;
margin-left: 20px;
}
div.buildSTEP {
width: 632px;
margin-top: 20px;
clear: both;
}
span.buildTITLE {
font: 17px Verdana;
color: #2E1C15;
margin-left: 45px;
}
div.buildSELECTION {
font: 0.8em/21px arial,sans-serif;
color: #2E1C15;
}
.buildSELECTION p {
	margin: 0px;
	padding: 0px;
	min-height: 25px;
}
p.subTITLE {
font: 14px Verdana;
color: #2E1C15;
font-weight: bold;
margin-left: 30px;
}
span.subTITLEnote {
font: 12px Verdana;
color: #2E1C15;
display: block;
}
img.buildBACK {
Z-INDEX: -20;
padding-bottom: 10px;
}
div.ingredientDETAILS {
float: right;
width: 300px;
font: 11px Verdana;
color: #777777;
padding: 5px;
}
#nutrionalfacts {
	position: fixed;
	bottom: 10px;
	right: 0px;
	z-index: 20;
	min-height:406px;
	width:319px;
	background:url('../../graphics/nutritionalfactsfinal3.png') no-repeat;
	margin-top:137px;
	margin-left:100px;
}
input.numberBOXES{
width: 35px;
color: #C30073;
}
tr.number_BOXES{
color: #C30073;
font-weight: bold;
}
td.giftBACKtop {
color: #bd0078;
}
td.giftBACK {
}
div#shopNAV {
float: left;
width: 181px;
height: 572px;
background : url('../../graphics/shopFILTERb.png') no-repeat;
}
form#contactFORM {
font: 13px sans-serif;
color: #555555;
}
#contactFORM input{
border: 1px solid #CCCCCC;
}
#contactFORM textarea{
border: 1px solid #CCCCCC;
width: 250px;
height: 100px;
}
form#wholesaleFORM {
font: 13px sans-serif;
color: #555555;
border: 1px solid #CCCCCC;
margin: 10px;
}
#wholesaleFORM input{
border: 1px solid #CCCCCC;
}
div#wholesale {
font: 13px sans-serif;
color: #555555; 
padding: 5px;
margin-bottom: 15px;
}
select {
font: 13px sans-serif;
color: #555555; 
}
}
.content {
background:#fff;
}

.listmain {
list-style: none; 
padding-top:0;
margin-top:0;
padding-bottom:0;
margin-bottom:0;
}

.listmain li{
display-style:inline;
}

#list-ingredient ul, #list-ingredient li, #list-allergy ul, #list-allergy li {
	display: inline;
	margin: 0;
	padding: 0;
	font-weight: bold;
	}
#list-ingredient-gen ul li:after, #list-allergy-gen ul li:after {
	content: ", ";
	}
		
#list-ingredient-gen ul li.last:after, #list-allergy-gen ul li.last:after {
	content: ". ";
	}
.ingredientimage {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 310px;
  max-height: 300px;
  width: expression(this.width > 310 ? "310px" : true);
  height: expression(this.height > 300 ? "300px" : true);
}





/* Tab Menus
/-------------------------------------------------------------- */
#content-tabs {
  background-color: transparent;
  float: none;
  margin: 0 0 10px 0;
  padding: 0;
}

/* Primary */
#content-tabs ul.primary {
  clear: both;
  float: left;
  margin: 0;
  padding: 0 10px;
}

#content-tabs ul.primary {
  margin: 0 0 20px 0;
  padding: 0;
  width: 100%;
}

#content-tabs ul.primary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 1px 0 0;
  padding: 0;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited {
  background-color: transparent;
  border: none;
  float: left;
  font-weight: bold;
  margin: 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.primary li a:link,
#content-tabs ul.primary li a:visited {
  border: none;
  font-weight: normal;
  padding: 5px 10px;
}

#content-tabs ul.primary li.active a,
#content-tabs ul.primary li a.active:link,
#content-tabs ul.primary li a.active:visited,
#content-tabs ul.primary li.active a:hover,
#content-tabs ul.primary li.active a:focus  {
  border: none;
  padding: 5px 10px;
}

#content-tabs ul.primary li a:hover,
#content-tabs ul.primary li a:focus  {
  border-bottom: none;
  text-decoration: underline;
}

/* Secondary */
#content-tabs ul.secondary {
  clear: both;
  float: left;
  margin: -10px 0 20px 0;
  padding: 0 10px;
  text-transform: lowercase;
  width: 100%;
}

#content-tabs ul.secondary li {
  border-style: none;
  display: inline;
  float: left;
  list-style: none;
  margin: 0 1px 0 0;
  padding: 0;
}

#content-tabs ul.secondary li a:link,
#content-tabs ul.secondary li a:visited {
  background-color: transparent;
  border: none;
  float: left;
  font-weight:  normal;
  margin: 0 20px 0px 0;
  padding: 0 0 6px 0;
  text-decoration: none;
  white-space: nowrap;
}

#content-tabs ul.secondary li a:hover,
#content-tabs ul.secondary li a:focus {
  padding: 0 0 2px 0;
}

#content-tabs ul.secondary li a.active:link,
#content-tabs ul.secondary li a.active:visited {
  padding: 0 0 2px 0;
}

.frontpage a:link, a:visited {
  color: #BD0078; /*purple */
  outline: none;
  text-decoration: none;
}

.frontpage a:hover, a:active, li a.active {
  color: #BD0078; /*purple */
  outline: none;
  text-decoration: underline;
}

//#quotes-pane {
//	background:pink;
//}

