@charset "utf-8";
/* CSS Document */
/*  ****** CSS AND DESIGN BY DREAM CATCHER - www.dreamcc.com  ****** */

/*  ****** TAGS ****** */
a { outline: none; }
img { border: none; }
body { background: #09532d url(../images/bg-page.gif) repeat-x top left;; margin: 0px; }
body, td, th { color: #000000; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 16px; }
hr { color:#dddddd; background-color:#dddddd; height:1px; border:0px; }

/*  ****** IDS ****** */
#container { width: 777px; margin: 0px auto; position: relative; background: url(../images/background.gif) repeat-y; }
#header { width: 777px; height: 113px; margin: 0px; background:url(../images/header.gif) no-repeat; }
#header h1 { text-indent: -5000px; font-size: 0px; display: none; }
#navbar { width: 777px; margin: 0px; height: 35px; background: url(../images/navbar.gif) no-repeat; }
#navbar ul { position: relative; margin: 0px; padding: 0px; left: 0px; }
#navbar ul li {  margin: 0px; padding: 0px; list-style: none; display:block; float:left; font-size: 0px; text-indent: -5000px; }
#navbar ul li a {  margin: 0px; padding: 0px; display: block; height: 35px; }
#navbar a:hover { background:url(../images/navbar.gif) 0px -35px;  }

#navbar ul a#navHome { width: 93px; background-position: -0px -35px; }
#navbar ul a#navStores { width: 141px; background-position: -93px -35px; }
#navbar ul a#navRefills { width: 78px; background-position: -234px -35px; }
#navbar ul a#navHLM { width: 130px; background-position: -312px -35px; }
#navbar ul a#navContact { width: 92px; background-position: -442px -35px; }
#navbar ul a#navAbout { width: 87px; background-position: -534px -35px; }

#leftCol { margin: 10px 0px 0px 6px; width: 186px; float: left; background:url(../images/left-bg.gif) repeat-y; }
#leftCol a { color:#000000; text-decoration: none;}
#leftCol a:hover { color:#0000FF; }
#leftColTop { background:url(../images/left-top.gif) no-repeat; width: 186px; height: 12px; }
#leftColBottom { background:url(../images/left-btm.gif) no-repeat; width: 186px; height: 12px; }
#leftCol ul { position: relative; margin: 0px; padding: 0px; left: 10px; width: 165px; }
#leftCol li { list-style: none; display:block; width: 165px; height: 25px; font-size: 12px; font-weight: bold; }

#mainCol, #mainCol2,#mainCol3 { margin: 10px 0px 0px 199px; background:url(../images/main-bg.gif) repeat-y; }
#mainColTop, #mainColTop2, #mainColTop3 { background:url(../images/main-top.gif) no-repeat; width: 573px; height: 59px; }
#mainColTop h2, #mainColTop2 h2, #mainColTop3 h2 { padding:30px 0px 0px 10px; margin:0px; color: #FFFFFF; }
#mainColTop h2 { padding:30px 0px 0px 10px; margin:0px; color: #FFFFFF; }
#mainColContent, #mainColContent2, #mainColContent3 {  width: 555px; margin: 10px; padding: 0px; }
#mainColBottom, #mainColBottom2, #mainColBottom3 { background:url(../images/main-bottom.gif) no-repeat bottom; width: 573px; height: 11px; margin: 0px; padding:  0px; }
#mainColBottom { background:url(../images/main-bottom.gif) no-repeat bottom; width: 573px; height: 11px; }

#saleTag { width: 151px; height: 92px; background: url(../images/sale.png); float: right; margin-top: -60px; }
#footer { width: 777px; margin: 0px; height: 69px; background:url(../images/footer.gif) no-repeat; top: -20px; }
#footer a { display:block; width: 200px; height: 60px;  text-indent: -5000px; font-size: 0px;  }
#copyright { color: #FFFFFF; width: 760px; padding: 1px 15px; margin: 0px auto; height: 100px; text-align: right; font-size: 10px; }
#copyright a { color:#99CCFF; }
/*  ****** CLASSES ****** */
.black { color:#000000; }
.blackOutline { border:#000000 1px solid; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.clearBoth { clear:both; }
.floatLeft { float: left; }
.floatRight { float:right; }
.floatLeftMargin { float:left; margin:1px 8px 10px 0px; }
.floatRightMargin { float:right; margin:1px 0px 10px 8px; }
.floatLeftGrayOutline { float:left; margin:1px 8px 10px 0px; border:#999999 1px solid; }
.floatRightGrayOutline { float:right; margin:1px 0px 10px 8px; border:#999999 1px solid; }
.grayOutline { border:#999999 1px solid; }
.hidden { display: none; }
.hiddenNot { display:block; }
.notes { border: 3px dashed #990000; padding: 20px; background:#f1f1f1; color:#333333; width: 80%; margin: 0px auto; text-align: center; font-weight: bold; font-style:italic; }
.quote { font-size: .8em; font-style: italic; color:#333333; padding-top: 10px; }
.smallText { font-size: 12px; }
.smallerText { font-size: 10px; }
.white { color:#FFFFFF; }

/*  ****** IE6 FIXES ****** */

* html #leftCol { margin: 10px 0px 0px 3px; padding-bottom: 0px; width: 186px; float: left; background:url(../images/left-bg.gif) repeat-y; }
* html #leftColBottom { margin-bottom: -6px; }
* html #mainColTop { margin-left: -3px; }
* html #saleTag { width: 151px; height: 92px; background: url(../images/sale.gif); float: right; margin-top: 0px; }