@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}
body {
	background: White url(../images/lightBlueBackground2x140.gif) repeat-x;
  }

div #container {
	width: 100%;  /* this will create a container 100% of the browser width */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
/*	border: 1px solid #000000; */
/*	text-align: left;*/  /* this overrides the text-align: center on the body element. */

}

div.info{
	padding: 20px;
	background: #ffffff;	
	
}

div #header {
	margin: 0 auto;
	text-align: center;
    height: 115px;
    width: 900px;
	background: #78A379 url(images/dietary-supplements-vitamins-minerals-antioxidants-online-sales.jpg ) no-repeat;   
    overflow: hidden;
}

#bar {
	margin: 0 auto;
    width: 900px;
    height: 53px;
    text-align: left;
    background: #F57044 url(../images/bar.jpg) no-repeat;
}

#search {
    position: absolute;
    top: 130px;
/*    left: 710px; */
    left: 610px;
    width: 180px;
}
#cartIcon {
    position: absolute;
    top: 120px;
    left: 825px;
    width: 40px;
}
#fbIcon {
    position: absolute;
    top: 120px;
    left: 890px;
    width: 32px;
}

#search input.text {
    float: left;
    display: block;
    padding: 2px;
    width: 110px;
    font: 14px Arial, Helvetica, sans-serif;
    color: #444;
    background: #FBF8E3;
    border-top: 1px solid #E2D589;
    border-left: 1px solid #F2EDC9;
    border-bottom: 1px solid #F2EDC9;
    border-right: 1px solid #E2D589;
}

#search input.submit {
    float: right;
    display: block;
    padding: 4px 0;
    width: 60px;
    font-weight: bold;
    font-size: 11px;
    color: White;
    background: #F56E41 url(../images/search.gif) repeat-x top;
    border: none;
}

#menu {
    width: 800px;
    height: 50px;
}

#menu ul {
    list-style: none;
    padding-left: 5px;
}

#menu ul li {
    float: left;
    display: block;
    padding: 0 20px;
}

#menu ul li a {
    padding: 0;
    font: bold 15px/50px Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: White;
}

#menu ul li a:hover {
    text-decoration: none;
    color: #B5E5E2;
}

ul.info{
 list-style-type: circle;
  list-style-position: inside; 	
	
}

div #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
div #mainContent {
/*	padding: 0 20px;  remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: .8em;
	text-align: left;
}
div #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	;
} 
div #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
div #container #mainContent table {
	font-size: 1em;
	color: #03F;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
div #productTableDiv{
	padding-left: 1%;
	padding-right: 1%;
}
div #scanTableDiv{
	padding-left: 1%;
	padding-right: 1%;
}

div #findMssg{
    padding-left: 30px;
    height: 40px;
    font-size: 1.2em;
    font-weight: 900;
    color: #BA431E;	
}

#findMssg img {
    vertical-align: middle;
}

div #cartDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	text-decoration: none;
	color: #00F;
/*	padding-right: 1%;
	padding-left: 3%;
	background-color: #F0F0F0; */

}

div #userDiv {
	font-family: Arial, Helvetica, sans-serif;
/*	font-size: 90%; */
font-size: 1em;
	font-style: normal;
	text-decoration: none;
	color: #00F;
	padding-left: 1%;
/*	padding-right: 3%;
	background-color: #F0F0F0; */
}
 
div.index{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bolder;
	color: blue;
}



p.inline {
	 display:inline;
}
p.invis{
	display:inline;	
}
p.smallPrint{
	font-size: 0.8em;
	color:blue;
	display:inline;	
}
p.leftpad{
border: 1px solid black;	
}

input.hidden{
	visibility:hidden;
/*	display:none; */
	font-size: 1em;
}
td.productDescription{
	background-color: #E3E5FF;
}
td.light{
	background-color: #E3E5FF;
}
td.dark{
	background-color: #DADCFF;
}
tr.ord1{
	font-size: 1em;
}
input.tinyButton{
	font-size: 1em;
}
td.h2{
	font-size: 1em;
	color: blue;
}
td.h3{
	font-weight: bolder;
	color: blue;
	font-size: 1em;
}
td.tiny{
	font-size: 1em;
}
td.info{
	font-size: 1em;
	font-weight: bolder;	
}
td.error{
	font-size: 1em;
	color:red;
	
}
td.header{
	font-size: 1em;
	font-weight: bolder;
	text-align:center;
}
.nb{
	font-size: 1.3em;
	font-weight: bolder;
	color: green;
	text-align: center;
}
.gc{
	font-size: 1.2em;
	font-weight: bolder;
	color: blue;
	text-align: center;
}
.lineThrough{
	text-decoration: line-through;
	font-weight: bolder;
	color: #000080;
}
td.menubar{
	color: white;
}

td.ruled{
	border-color: blue;
    border-style: solid;
    padding-left: 2%;
}

a.menubar{
	color: #e0e0ff;
	font-weight: bolder;
}
a.tipsw{
	color: #8080FF;
}
a.tips{
}
td #loginMessage{
	font-weight: bolder;
}
td #loginFail{
	font-weight: bolder;
	color:red;
}

b.highlight{
	background-color: yellow;
 
}
div.errMssg{
	color:red;
}
div #cartUser{
/*	background-image:url('images/cartUserBackground02.jpg'); */
background-color: #E3E5FF;
	width: 100%;	
}

#cartCCimg{
	width: 170px;
	margin: auto;
}
#cartCCtxt{
	text-align: center;
	
}

div #userDiv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 1%;
}

div #cartDiv tr {
	color:blue;
}

div #leftAddHdr{
	float:left;
	width:30%;
	margin:0;
}
div #rightAddHdr{
	margin-left:40%;
}

div #orderHeader{
	font-size: 1em;
	font-weight: bolder;
	text-align:center;
}

div #orderDetails{
	font-size: 120%;
	font-weight: bolder;
	text-align:center;
}

div #container #mainContent {
	font-size: inherit;
	color: #F00;
}
div.h2b{
	font-size: 1.2em;
	color: blue;
}
div.h2c{
	font-size: 1em;
	color: blue;
	text-align:center;
}
div.userMessage{
	font-size: 1.5em;
	color: green;
}
div.h3b{
	font-size: 1.5em;
}
div.h3c{
	font-size: 1em;
	text-align:center;
}
div.h3Oc{
	font-size: 1.1em;
	text-align:center;
	color: green;
/*	color: #cc4422; */
}
div.h4b{
	font-size: 1em;
	color: blue;
}
div.h4r{
	font-size: 1em;
	color: red;
}
div.paymentIns{
	font-size: 1.2em;
}

div.specials{
	font-size: 1.3em;
	color: blue;	
	padding-left: 2%;
}
div.specials a{
  font-size: .9em;	
}

div.h5b{
	font-size: 0.8em;
	color: blue;
}

div.leftpad{
   padding-left: 5%;

}

table.productDetails {
	font-size: inherit;
	color: #000000;
	background-color: #FFFFFF;
}
form {
	display:inline;
	margin-bottom: 0
}
img.center{
	vertical-align: middle;
}
img.bottom{
	vertical-align: bottom;
}
	
ul.images { list-style-image: url("images/dollarbutton02.png"); } 

input.address{
width:13em;
margin:0;
padding:0;
}
H1{
	font-size: 1.5em;
	color: blue;
}