/**  Global **/

* {padding:0;margin:0;}

img {
	border: 0;
}
body {
	margin: 0;
	padding: 0;
/** font-family: georgia, times, "times new roman", serif;  **/	
/**	font-family: "Comic Sans MS", "Comic Sans MS", TSCu_Comic, sans-serif; **/
	font-family: "Arial", "Arial", "Nimbus Sans L", sans-serif;
	color: #000;
	background-color: #F7B519;
}

div #twitterWidget
{
	float:right;
}

.textInput {
	background: #CDFFAB;
}
.textInputDiv input {
	background: #CDFFAB;
}

form {
	display: inline;
}
a:link {
color: blue;
}
a:visited {
	color: #669d42;
}
a:hover, a:active {
	color: #fff;
	background-color: blue;
}
.errmsg {
	color: red;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
}
.checkoutProgLabel {
	font-weight: bold;
	color: blue;
	background-position: center center;
	background-image: url('layoutImages/BJsLogoCheckoutProgress.jpg');
	background-repeat: no-repeat;
	width: 86px;
	text-align: center;
	vertical-align: middle;
}
.checkoutProgLabelNotActive {
	background-position: center center;
	background-image: url('layoutImages/BJsLogoCheckoutProgress.jpg'); 
	background-repeat: no-repeat;
	width: 86px;
	text-align:center;
	vertical-align: middle;
	color: gray;
}
.checkoutProgRedArrow {
	background-position: center; 
	background-image: url('layoutImages/RedArrow.gif'); 
	background-repeat: repeat-x;
}

.checkoutProgRedArrowNotActive {
	background-position: center; 
	background-image: url('layoutImages/RedArrowNotActive.gif'); 
	background-repeat: repeat-x;
}
div #productDisplay {
	padding: 0 0 0 0;
}
div #productDisplay h1 {
	font-size: x-large;
	color:blue;
}
div #productImages {
	margin: 5px 0 10px 10px; 
	float: right; 	
	text-align: right;
}

.nutritionals {
	background-color: #FFFFFF;
	border: 5px solid #669d42;
	font-size: 0.75em;
	margin: 0 0 0 20px;
	padding: 10px;
	}

.nutritionals h2 {
	padding-top: 0;
}

div #prevbutton {
	margin: 10px 0 0 0;
	text-align: left;
}
div #nextbutton {
	margin: 10px 0 0 0;
	text-align: right;
}

/**  Layout Stuff **/
div#banner {
	/* Top logo bar */
	color: #fff;
	border: none;
	min-width: 768px;
	width: 100%;
	float: left;
}
div#banner h1 {
}
#hdrImageLeft {
	float: left;
	clear: left;
}
#hdrTextCenter {
	float: left;
	text-align: left;	
	margin: 5px 0 0 5px;
	color: blue;
	font-size: 1.0em;
	font-weight: normal;
}
#hdrTextCenter h1 {
font-size: 2.0em;
padding: 0;
	margin: 0;
height: 1em;
}
#hdrTextCenter h2 {
padding: 0;
	margin: 10px 0 0 0;
font-size: 1.25em;
height: 1em;
}
#hdrTextRight {
	float: right;
	text-align: right;	
	margin: 5px 10px 2px 0;
	color: blue;
	font-size: 1.0em;
	font-weight: normal;
}
#hdrTextRight h1 {
	font-size: 1.5em;
	padding: 0;
	margin: 0;
	height: 1em;
}
#hdrTextRight h2 {
	font-size: 1.1em;
	padding: 0;
	margin: 0 0 15px 0;
	height: 0.5em;
}
#hdrImageRight {
	float: right;
	clear: right;
}
#hdrStuffBottom {
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}
#bnrLogInLink {
	float: left;
padding: 0 0 0 5px;
}
div#bannerBottom {
	width: 100%;
	min-width: 462px;
	height: 0px;
	clear: both;
	background-color: #F7B519;
	border-bottom: 12px solid #669d42;
}
div#container {
	/* Main Content */
	background-color: white;
	background-image: url(layoutImages/leftColBackground.jpg);
	background-repeat: repeat-y;
	background-position: left;
	min-width: 768px;

}
div#container2 {
	background-image: url(layoutImages/rightColBackground.jpg);
	background-repeat: repeat-y;
	background-position: right;
}

/* Mini Basket Stuff */

div#minibasket {
	width: 140px;
	max-width: 140px;
	font-size: 0.7em;
	border: 2px #669d42 solid;
	padding: 5px;
}
.leftCol {
	/* Left Column.  Aka: Navigation */
	float: left;
	width: 160px;
	padding-top: 1em;
}
.leftCol h5 {
	background-color: orange;
	font-size: 1.0em;
	margin: 5px 0;
	padding: 5px 0;

}
.leftCol .leftColIndent {
	padding-left: 20px;
}
.leftCol ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.leftCol ul li {
	margin-top: 4px;
	vertical-align: middle;
	}
.leftCol ul li a {
	display: block;
	width: 130px;
	padding: 3px 5px 3px 10px;
	color: #000;
	background-image: url(layoutImages/leftColBtn_base.jpg);
	background-repeat: repeat-y;
}
.leftCol ul li a:hover {
	width: 130px;
	color: #fff;
	background-color: #F7B519;
	background-image: url(layoutImages/leftColBtn_hover.jpg);
	background-repeat: repeat-y;
}
div.rightCol {
	/* Right Column.  For whatever I want */
	float: right;
	width: 160px;
	margin: 0;
	color: black;
	background-image: url(layoutImages/rightColBackground.jpg);
	background-position: right;
	background-repeat: repeat-y;
}
div.rightCol h3 {
	margin-top: 0;
	color: #fff;
}
.rightCol h5 {
	background-color: orange;
	font-size: 1.0em;
	margin: 5px 0;
	padding: 5px 0;
}
.rightCol .rightColIndent {
	padding-right: 20px;
}
.rightCol ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 10px;
}
.rightCol ul li {
	margin-top: 4px;
	text-align: right;
}
.rightCol ul li a {
	display: block;
	width: 130px;
	padding: 3px 8px 3px 10px;
	color: #000;
	background-image: url(layoutImages/rightColBtn_base.jpg);
	background-repeat: repeat-y;
background-position: right;
}
.rightCol ul li a:hover {
	width: 130px;
	color: #fff;
	background-color: #F7B519;
	background-image: url(layoutImages/rightColBtn_hover.jpg);
	background-repeat: repeat-y;
}

div #twtwidget
{
	float: right;
	width: 150px;
	margin: 0 0 0 0;
}


div#content {
	margin-left: 190px;
	margin-right: 200px;
	color: black;
}
div#content h2 {
	font-size: 2em;
	color: #036;
	margin: 0;
	padding-top: 1em;
	font-weight: normal;
}
div#content {
	line-height: 120%;
}

#cleardiv {
	clear: both;
	height: 1em;
	width: 100%;
}
.cleardiv {
	clear: both;
	height: 1em;
	width: 100%;
}

div#footer {
	/* And at last, the footer */
	clear: both;
	padding: .5em 1em;
	border-top: 12px solid #669d42;
	text-align: center;
	font-size: .75em;
}

div#footer ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
div#footer li {
	display: inline;
	margin-right: 1em;
}
div#fda {
	border: 2px solid black; 
	font-size: 10px; 
	width: 60em;
	text-align: center;
}
/*  Banner Menu stuff.  Base code came from CSSplay.co.uk - an incredible resource! */
div#BannerMenuDiv {
	 float: right;
}
.BannerMenu {
	padding: 0;
	margin: 0 10px 0 10px;
	float: right;

}
.BannerMenu dt {
	display: none;
	float: right;
	clear: right;
}
.BannerMenu dd a {
	text-decoration: none;	
}
.BannerMenu dd {
	float: left;
	padding: 0;
	margin: 0;
	text-align: center;
}
.BannerMenu dd span.aa {
	display: block;
	width: 12px;
	height: 1.1em;
	background: url(layoutImages/taglft.gif);
	padding: 5px 0;
float: left;
}
.BannerMenu dd span.bb {
	height: 1.1em;
	background: url(layoutImages/tagmid.gif);
	padding: 5px 0;
	color: blue;
	text-decoration: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
float: left;
}
.BannerMenu dd span.cc {
	display: block;
	width: 12px;
	height: 1.1em;
	background: url(layoutImages/tagrgt.gif);
	padding: 5px 0;
	text-decoration: none;
float: left;
}
.BannerMenu a, .BannerMenu a:visited {
	font-size: 0.75em;
}
.BannerMenu a:hover span {
	color: white;
	background: url(layoutImages/tagmidHover.gif);
}
/*  Right/Left Column stuff */
#affiliatelink {
	font-size: 95%;
	margin-left: 15px;
}
#affiliatelink a {
	font-weight: bold;
	font-size: 95%;
	color: #4395d1;
}
#loginlink {
	font-size: 95%;
}
#loginlink a {
	font-weight: bold;
	font-size: 95%;
	color: #4395d1;
color: blue;
}
#loginlink a:hover {
color: white;
background-color: blue;
}
#search {
}
#search .searchbutton {
}
#searchfield {
width: 140px;
}

#emailsignup {
	border: 2px solid #669d42; 
	font-family: Arial; 
	font-size: 12px; 
	color: black;
	margin: 5px 0 5px 0;
	padding: 5px 0 5px 0;
}
/* Misc Clases */

	/* Snazzy Box -- from CSSPlay.uk.co */
	
.xsnazzy {
	background: transparent;
	line-height: 110%;
	margin: .5em 3px;
	display: inline-block;

}
.xsnazzy h1 {
	margin: 0;
	font-size: 1.2em;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #F7B519;
}
.xsnazzy p {
	margin: 0;
	padding: 5px 5px 5px 10px;
}
.xsnazzy b {
border-color: #F7B519;
}
.xtop, .xbottom {
	display: block;
	background: transparent;
	font-size: 1px;
border-color: #F7B519;
}
.xb1, .xb2, .xb3, .xb4 {
	display: block;
	overflow: hidden;
}
.xb1, .xb2, .xb3 {
	height: 1px;
}
.xb2, .xb3, .xb4 {
	background: #fff;
	border-left: 1px solid #F7B519;
	border-right: 1px solid #F7B519;
}
.xb1 {
	margin: 0 5px;
	background: #F7B519;
}
.xb2 {
	margin: 0 3px;
	border-width: 0 2px;
}
.xb3 {
	margin: 0 2px;
}
.xb4 {
	height: 2px;
	margin: 0 1px;
}
.xboxcontent {
	display: block;
	border: 0 solid #F7B519;
	border-width: 0 1px;
	height: auto;
}
* html .xboxcontent {
	height: 1px;
}
.color_a {
	background: #F7B519;
	color: #fff;
}
/*  End of Snazzy */

div#twitter {
	text-align: left; 
	width: 145px;
	}
	
/* BASKET */

table#baskTable {
	padding: 5px 10px;
	border: 0;
	width: 100%;
	border-spacing: 0;
}
#baskTable th {
	background-color: #659c41; 
	color: #fff;
    height:20px;
    padding: 4px 5px; 
	}

#baskTable td {
    vertical-align:text-top;
	}

#baskTable h5 {
	font-size: 1.25em;
}
.baskettext_left{
	padding: 3px 15px 0 10px;
	text-align: left;
	}

.baskettext_indent {
	padding-left: 2em;
	font-style: italic;
}

.baskettext_right{
	padding: 3px 0 0 10px;
	text-align: right;
	}