@charset "utf-8";
/* CSS Document */
/*  ****** CSS AND DESIGN BY DREAM CATCHER - www.dreamcc.com  ****** */

/*  ****** TAGS ****** */
a { outline: none; }
img { border: none; }
body { background: #FFFFFF; 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: 790px; margin: 0px auto; position: relative; background: url(../images/background.gif) repeat-y; }
#header { width: 790px; height: 113px; margin: 0px; background:url(../images/header.gif) no-repeat; }
#header h1 { text-indent: -5000px; font-size: 0px; display: none; }
#navbar { width: 790px; 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: 157px; background-position: -312px -35px; }
#navbar ul a#navContact { width: 92px; background-position: -469px -35px; }
#navbar ul a#navAbout { width: 87px; background-position: -561px -35px; }

#leftCol { margin: 10px 0px 0px 12px; 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 205px; 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; }
#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; }
#saleTag { width: 151px; height: 92px; background: url(../images/sale.png); float: right; margin-top: -60px; }
#footer { width: 790px; margin: 0px; height: 21px; background:url(../images/footer.gif) no-repeat; }
#copyright { width: 760px; padding: 1px 15px; margin: 0px; height: 100px; text-align: right; font-size: 10px; background: #FFFFFF; }

/*  ****** 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 6px; 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 #mainColTop2 { margin-top: 10px; }
* html #mainColContent2 p {  }
* html #saleTag { width: 151px; height: 92px; background: url(../images/sale.gif); float: right; margin-top: 0px; }