/* CSS for all front-end elements goes here */

body {
	background:url(/Images/Gif/mainbg.gif) repeat-y center;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

form {
	margin-top: 0;
	margin-bottom: 0;
}

.trans {
	behavior: url("/pngbehavior.htc");
}

.clearer {
	clear: left;
	line-height: 0;
	height: -3px;
}

input {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}

a {
color: #356e4b;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1, h2, h3, h4, h5 {
padding: 0px;
margin: 0px;
}

.flash {
text-align:center;
padding: 4px;
border: 1px solid black;
}

#wrapper {
width: 916px;
margin: 0px auto;
}

#mainarea {
background:url(/Images/Gif/maininnerbg.gif) repeat-y;
float:left;
}

#centrecolumn {
float: left;
width: 627px;
}

#header {
height: 133px;
}

#leftcolumn {
float: left;
width: 146px;
}

#rightcolumn {
float: right;
width: 119px;
padding: 5px;
}

.columninsideR {
text-align: center;
}

#footer {
	margin: 0 auto;
	width: 916px;
	padding-top: 10px;
}

.footerBg {
	float: left;
	width: 585px;
	height: 60px;
	background: url(/Images/Gif/Welcome_ftrBg.gif) no-repeat;
	color: #666666;
}

.footerBg a:link, .footerBg a:visited, .footerBg a:active {
	text-decoration: none;
	color: #356e4b;
}

.footerBg a:hover {
	text-decoration: underline;
}

.footerCol1 {
	float: left;
	width: 440px;
	padding-top: 6px;
	padding-left: 15px;
}

.footerCol2 {
	float: left;
	text-align: right;
	width: 345px;
	padding-top: 6px;
	font-weight: bold;
}
.topselling {
	color:#003879;
	border-bottom:solid 1px #ddebe2;
	padding:0px;
	margin:0px;
	display:block;
}

.topnav {
text-align: right;
padding-top: 10px;
float: right;
width: 400px;
}

.topnav a {
padding: 0px 4px 0px 4px;
}

.navigation {
background: url(/Images/Gif/navbg.gif) no-repeat;
height: 17px;
width: 910px;
padding: 4px;
text-align: center;
font-size: 1.2em;
}

.navigation a {
color: white;
font-weight: bold;
padding: 0px 10px 0px 10px;
}

.orderingbanner {
background: url(/Images/Gif/ordering-banner.gif);
padding: 43px 10px 0px 12px;
width: 271px;
height: 45px;
cursor: pointer;
}


.orderingbanner, .replenishbanner {
margin: 9px 0px 0px 10px;
float: left;
}

.orderingbanner h4, .replenishbanner h4 {
position: absolute;
visibility:hidden;
}

.replenishbanner {
background: url(/Images/Gif/replenish-banner.gif);
padding: 40px 73px 0px 12px;
width: 208px;
height: 48px;
}

.textbox {
padding:2px;
height: 19px;
border: 0px;
margin: 0px;
}

.textbox2 {
padding:2px;
height: 10px;
border: 1px solid green;
margin: 0px;
}

.textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
padding:2px;
border: 0px;
margin: 0px;
}

#quantity {
	border: 1px solid green;
	width: 143px;
	position: absolute;
	padding: 4px;
	background: #ddebe2;
	visibility: hidden;
}

.columninside {
padding: 6px 10px 10px 10px;
}

.columninsideL {
padding: 6px 16px 10px 9px;
text-align: center;
}

.whitecolbg {
float: left;
text-align: left;
background: white;
width: 118px;
}

.headerstrip {
padding: 3px 5px 3px 12px;
font-weight: bold;
font-size: 1.3em;
color: white;
background:url(/Images/Gif/headerbg.gif);
height: 20px;
margin-bottom: 5px;
}

.productbox {
float: left;
padding: 10px;
width: 136px;
}

.price {
margin: 3px 0px 3px 0px;
font-size: 1.3em;
font-weight: bold;
color: red;
}

.productleft {
float: left;
width: 200px;
}

.productright {
margin-top: 10px;
float: right;
width: 400px;
}

.breadcrumb {
padding: 5px;
font-size: 1em;
}

.info {
background:#ddebe2;
padding: 7px;
}

.content {
float: left;
width: 628px;
padding-left: 2px;
}

.contentFtr {
float: left;
width: 628px;
padding-left: 2px;
}

.shopProducts {
float: left;
width: 135px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px;
}

.shopProductDetail {
float: left;
width: 630px;
}

.shopProductCombo {
font-size: 0.8em;
width: 100px;
}

.shopProductPrice {
font-weight: bold;
color: #CC0000;
font-size: 1.3em;
height: 30px;
}
.shopProductPriceSmall {
font-weight: bold;
color: #CC0000;
font-size: 1.1em;
height: 30px;
}
.shopProductDesc {
height: 92px;
}

.contentHdr {
float: left;
width: 623px;
height: 27px;
background: url(../Images/Gif/headerbg.gif) no-repeat;
color: #FFFFFF;
font-size: 1.3em;
font-weight: bold;
padding-top: 3px;
padding-left: 6px;
}

.contentWrap {
float: left;
width: 100%;
}

.InputBox {
font: Verdana,Arial,sans-serif;
color: #000000;
background-color: #ffffff;
border-color: #666666;
border: 1px groove #666666;
padding:2px;
height:17px;
width:185px;
}


.label200 {
	float: left;
	width: 200px;
	display: block;
	font-weight: bold;
}