html, body {height:100%; margin:0; padding:0;}
body {background-color:#fff; color:#000; font-family:verdana,geneva,sans-serif; width:100%;}
#container {clear:both; position:relative; min-height:100%; min-width:770px;}
#container {height:100%;}
img {border:0;}
form {margin:0;}
.floatLeft {float:left;}
.floatRight {float:right;}
.right {text-align:right;}
.left {text-align:left;}
.center {text-align:center;}
.error {color:#ff0000; font-size:11px;}
.hidden {display:none; visibility:hidden;}

.btnSmall {background:#fff url(img/btn-sm.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:55px;}
.btnSmallOnGreen {background:#fff url(img/btn-sm-ongreen.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:55px;}
.btnMedium {background:#fff url(img/btn-medium.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:89px;}
.btnMediumOnGreen {background:transparent url(img/btn-medium-ongreen.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:89px;}
.btnLarge{background:#fff url(img/btn-large.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:146px;}
.btnLargeOnGreen {background:transparent url(img/btn-large-ongreen.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:146px;}
.btnXLarge{background:#fff url(img/btn-xlarge.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:171px;}
.btnXLargeOnGreen {background:transparent url(img/btn-xlarge-ongreen.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:171px;}
.btnBuyChk{background:transparent url(img/btn-buy-chk.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:55px;}
.btnGo {background:transparent url(img/btn-go.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:23px; padding:0 1px 2px 1px; width:23px;}
.btnSignIn {background:transparent url(img/btn-sign-in.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; padding-bottom:2px; text-align:center;}
.btnNewCustomer {background:transparent url(img/btn-new-customer.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/13px arial,helvetica,sans-serif; padding-bottom:2px; text-align:center;}
.btnSmall:hover, .btnMedium:hover, .btnMediumOnGreen:hover, .btnLarge:hover, .btnXLarge:hover, .btnXLargeOnGreen:hover
.btnBuyChk:hover, .btnGo:hover, .btnSignIn:hover, .btnNewCustomer:hover {color:#1a6633;}

/*top menu bar3*/
#topNavHome {background-color:#cce5cc; color:#033; font-size:10px; padding:2px 0 4px 0; text-align:right; white-space:nowrap;}
#topNav {background:#cce5cc url(img/lgo-sub-top.gif) no-repeat; color:#033; font-size:10px; padding:2px 0 4px 0; text-align:right; white-space:nowrap;}
#topNavHome a:link, #topNavHome a:visited, #topNav a:link, #topNav a:visited {color:#033;}
#topNavHome a:hover, #topNavHome a:active, #topNav a:hover, #topNav a:active {text-decoration:none;}

/*header*/
#hdrHome {height:106px; text-align:left;}
#hdr {height:45px; text-align:left;}
.lgoHome {padding-left:9px;}
.taglineHome {float:right; padding:49px 10px 0 0;}
.tagline {padding-right:6px;}
.lgoSub {float:left; padding:0; position:relative; left:9px;}
.hdrTextArea {color:#033; font-size:10px; width:300px;}
.hdrTextArea p {margin-top:10px; text-align:left; margin-bottom:0;}
.hdrTextArea a {color:#393;}
.cartArea {background:#fff url(img/bg-cart.gif) no-repeat; color:#033; float:right; font-size:10px; height:33px; margin:4px 1px 0 3px; padding:7px 0 0 6px; width:202px;}
.cartLinks {float:right; margin-right:12px;}
.icnCart {margin-left:8px;}
.icnCartExpand {margin-left:13px;}
.items {float:left; margin-top:3px;}
.subtotal {float:right; margin:3px 12px 0 0;}
.cartTop5 {font-size:10px; position:absolute; display:none; width:202px; z-index:20000;}
.cartTop5Bg {background:transparent url(img/bg-cart-expanded.gif) repeat-y; overflow:auto;}
.cartTop5 .links {padding-left:6px; margin-bottom:6px;}
.cartTop5 .text {padding-left:6px; margin-top:6px;}
.cartTop5 .line {border-top:1px solid #e5b299; height:4px; width:202px;}
.cartTop5 .prodList {margin-top:5px; margin-bottom:8px; padding:0 5px;}
.cartTop5 .items {float:left; margin-top:3px; padding-left:6px;}
.cartTop5 .subtotal {float:right; margin:3px 12px 0 0;}
.cartArea a, .cartTop5 a {color:#393;}

/*main menu bar*/
#mainNav {background:#fff url(img/bg-main-nav.gif) repeat-x; clear:left; height:44px; margin-bottom:1px; min-width:770px;}
ol#tab {height:17px; list-style:none; margin:0 0 0 6px; padding:0; width:770px;}
ol#tab li {background:transparent url(img/nav-tab.gif) no-repeat; float:left; font-weight:bold; margin:0 1px 0 0; padding-left:5px;}
ol#tab a {background:transparent url(img/nav-tab.gif) 100% 0; color:#000; cursor:pointer; display:block; float:left; font-size:11px; padding-right:5px; text-decoration:none;}
ol#tab a:hover {color:#1a6633;}
ol#tab a:hover span {background-position:100% -16px;}
ol#tab li.current {background-position:0 -16px;} /*set this class to turn navigation tab to 'on' state*/
ol#tab li.current a {background-position:100% -16px; color:#fff;}
ol#tab li.current span {background-position:100% -16px;}
ol#tab span {/*background:url(img/nav-tab.gif) 100% 0;*/ display:block; line-height:16px;}

/*breadcrumb & product search*/
#breadcrumb {color:#fff; float:left; font-size:9px; padding:6px 9px 0 12px;}
#breadcrumb a {color:#fff;}
.prodSearch {clear:right; color:#fff; float:right; font-size:11px; margin-top:1px; padding-left:5px; width:345px;}
.prodSearch div {float:left; margin:5px 5px 0 0;}

/*home*/
#fixedContainer {border:1px solid #ccc; margin:0 auto; text-align:center; width:787px;}
#pnlHome {clear:both; height:550px;}
#pnlHomeLeft {background:#89c474 url(img/bg-bnr-home.gif) repeat-x top left; float:left; font-size:11px; text-align:left; width:257px; height:550px;}
.pnlAction {padding:10px; color:#fff; border-bottom: 1px solid #ffc; }
.pnlInfo {padding:10px; font-size:11px; border-bottom: 1px solid #ffc;}
.pnlInfo a:link, #futuraRewards a:visited {color:#033;}
.pnlInfo a:hover, #futuraRewards a:active {text-decoration:none;}
.pnlInfo img {margin-top:4px;}
h2.action {background-color:transparent; color:#ffc; margin:0; padding:0 0 7px 0;}
.pnlAction p {margin:0 0 7px 0; padding:0;}
#pnlHomeLeft a {color:#ffc; font-weight:bold;}
#pnlHomeRight {border-top:1px solid #393; float:right; padding-top:1px; padding-bottom:1px; width:530px; font-size:11px;}
.hline {border-bottom:1px solid #393; font-size:6px;}

/*shopping pages*/
.pager {background:#fff url(img/bg-pager.gif) repeat-x; color:#033; font-size:11px; height:49px; margin-right:-2px; min-width:589px;}
.pagercart {background:#fff url(img/bg-pager-cart.gif) repeat-x; color:#033; font-size:11px; height:27px; margin-right:-2px; min-width:589px;}
.pager td, pagercart td {white-space:nowrap;}
.pagerEdge {width:10px;}
.pagerTxtTop {padding-top:2px;}
.pagerTxtBtm {padding-bottom:2px;}
.pagerPaging {width:90px;}
.pager a.prev {background:transparent url(img/btn-prev.gif) no-repeat; color:#033; padding-left:10px;}
.pager a.next {background:transparent url(img/btn-next.gif) no-repeat top right; color:#033; padding-right:10px;}
.pager a.prevDisabled {background:transparent url(img/btn-prev-dis.gif) no-repeat; color:#759775; padding-left:10px;}
.pager a.nextDisabled {background:transparent url(img/btn-next-dis.gif) no-repeat top right; color:#758775; padding-right:10px;}
.pagerDropList {font-size:10px;}
.srchArea {margin: 5px 0;}
.srchError {color:#f00;}
.srchSuggestPrd {padding:2px; font-size:9px; text-align:center;}
.leftColumn {padding:2px; width:241px;}
.rightColumn {font-size:12px; padding:2px 5px 2px 2px; position:relative;}
.pnlError {font-size:11px; text-align:left; border:solid 1px #f00; color:#f00; width:95%; padding:5px; margin: 10px 0;}
img.leftColumnImg {margin:2px 0 3px 7px;}
.shopByList {font-size:11px; line-height:16px; list-style:none; margin:0 3px 15px 13px; padding:0;}
.shopByList li.current {font-weight:bold;}
.shopByList a:link, .shopByList a:visited {color:#393; text-decoration:none;}
.shopByList a:hover, .shopByList a:active {text-decoration:underline;}
a.green:link, a.green:visited, a.green:active {color:#393; font-size:10px; font-weight:bold; text-decoration:none;}
a.green:hover {color:#393; font-size:10px; font-weight:bold; text-decoration:underline;}
.salePrice {font-weight:bold; color:#ed1c22;}
.priceOnSale {text-decoration: line-through;}
.prdViewTitle {font-size:15px; font-weight:bold;}
.prdNote {color:#393; font-size:11px; font-weight:bold;}
.promoLabel {background-color: #CC0000;	color: #fff; font-size: 11px; font-weight: bold; padding: 2px;}
.myStoreNav {font-size:11px; color:#393; padding:5px;}
.myStoreNav ul {margin: 0 0 0 17px; padding:0;}
.myStoreNav a:link, .myStoreNav a:visited {color:#393; text-decoration:none; font-size:12px; }
.myStoreNav a:hover, .myStoreNav a:active {color:#393; text-decoration:underline; font-size:12px;}
.myStoreNavOrd {font-size:11px; color:#393; padding:5px;}
.myStoreNavOrd a:link, .myStoreNavOrd a:visited {color:#393; font-weight:bold;}
.myStoreNavOrd a:hover, .myStoreNavOrd a:active {color:#393; font-weight:bold; text-decoration:underline;}

/*Product info*/
.piPrdName {font-size:14px; font-weight:bold;}
.ni{font-size:11px; width:240px; border:solid 2px #66b366; padding: 5px;}
.niGrid {width:100%;}
.niTitle {font-size:14px; font-weight:bold; margin-bottom:3px;}
.niHdr {font-size:10px; font-weight:bold; padding:3px 0px;}
.niItem {font-weight:bold;}
.niSubitem {margin-left:10px;}
.niValue {color:#cc0033;}
.niSep td {border-bottom:solid 1px #66b366;}
.niSep2 td {border-bottom:solid 2px #66b366;}
.niSep5 td {border-bottom:solid 5px #66b366;}
.piNote a {color:#393;}

/*merchandising page*/
.tableMerch {margin:10px auto; width:98%;}
.tableMerchEdge {background-color:#66b366;}
.imgMerch {margin-top:10px;}
.promoPrim p {color:#c63; font-size:14px; line-height:17px; margin:10px; padding:0; text-align:left;}
.tableMerch a:link, .tableMerch a:visited {color:#393; font-size:12px; font-weight:bold; text-decoration:none;}
.tableMerch a:hover, .tableMerch a:active {text-decoration:underline;}
.promoSec {font-size:12px;padding:12px}
.prod {text-align:right;width:auto !important;}
.prodName {clear:both; font-weight:bold; margin-top:12px;}
.prodCostKg {margin-top:10px;}
.topSeparator {border-top:1px solid #66b366;}
.btmSeparator {border-bottom:1px solid #66b366;}
.rightSeparator {border-right:1px solid #66b366;}

/*main menu page*/
.mmTable {margin:10px auto; width:98%;}
.mmSidebar {width:150px;}

/*checkout*/
.chkSteps {text-align:center; font-size:11px; color:#393;}
.chkStepData {margin: 10px 0;}
.chkLeft {float:left; width:600px;}
.chkRight {float:right;}
.chkHdr {color:#ffc; background-color:#393; font-size:12px; font-weight:bold; margin:10px 0px; padding:5px 10px;}
.chkDtl {padding:0 5px;}
.chkSaved {font-size:12px; font-weight:bold; text-align:center; border:solid 1px #d98c59; width:400px; padding:5px; margin: 5px 0;}
.chkItemsGrid {font-size:10px; text-align:center; width:150px; border:solid 1px #d98c59;}
.chkItemsTitle {background-color:#ffe5bf; color:#c63; font-size:11px; font-weight:bold; margin:0; padding:6px 0; text-align:center;}
.chkItemsPrice {vertical-align:middle; margin-top:5px;}
.chkFee {font-size:10px; text-align:left; border:solid 1px #d98c59; width:500px; padding:5px; margin: 10px 0;}
.chkError {font-size:11px; text-align:left; border:solid 1px #f00; width:95%; padding:5px; margin: 10px 0;}
.chkBtnProceed{background:#fff url(img/btn-proceed-checkout.gif) no-repeat; border:0; cursor:pointer; font:normal bold 11px/15px arial,helvetica,sans-serif; height:17px; margin-bottom:5px; padding-bottom:2px; width:180px;}
.chkBtnProceed:hover {color:#1a6633;}

/* popup rad windows */
.popupTitle {background:#fff url(img/bg-title.gif) repeat-x; color:#fff; font-size:16px; margin:0; padding:6px 8px;}
.linkWhite {color:#fff; font-weight:bold;}

/*delivery window*/
.dwGrid {font-size:10px; background-color:#ccc; border-collapse:collapse;}
.dwGrid td {border: solid 1px #fff; text-align:center; vertical-align:middle; padding:3px;}
.dwHdr {font-weight:bold; background-color:#e6e6e6;}
.dwCutoff1 {background-color:#0c0;}
.dwCutoff2 {background-color:#393;}

/*generic pages - registration, demo, etc.*/
#genericHeader {background:transparent url(img/bg-title.gif) repeat-x; color:#fff; height:33px; padding:8px 10px; text-align:left;}
#genericContent {font-size:12px; text-align:left; padding:3px;}
.lblPageTitle {color:#393; font-size:16px; font-weight:bold; padding:10px;}
.lblHeader {font-size:16px; text-align:left;}
.lblSubHeader {color:#393; font-size:13px; font-weight:bold;}
.lblRemark {font-size:9px;}
.lblForm {font-size:12px;}
a.green12:link, a.green12:visited, a.green12:active {color:#393; font-size:12px; font-weight:bold; text-decoration:none;}
a.green12:hover {color:#393; font-size:12px; font-weight:bold; text-decoration:underline;}
a.green11:link, a.green11:visited, a.green11:active {color:#393; font-size:11px; font-weight:bold; text-decoration:none;}
a.green11:hover {color:#393; font-size:11px; font-weight:bold; text-decoration:underline;}
#framedContent {border:solid 1px #9c9; padding:10px;}

/*footer*/
#ftr {background-color:#cce5cc; clear:both; color:#033; font-size:10px; margin-top:3px; padding:4px 0 5px 0; /*position:absolute; bottom:0;*/ text-align:left; white-space:nowrap; width:100%;}
#ftr a:link, #ftr a:visited {color:#033;}
#ftr a:hover, #ftr a:active {text-decoration:none;}

/*loadin panel*/
.lpShadow {background-color:#cce5cc; border:0;}
.lp6{position:absolute; top:0; left:0; width:100%; height:100%; margin:0; padding:0; background:#cce5cc center center no-repeat url(img/loading6.gif);}