body {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: .85em;
text-align: left;
color: #000000;
margin: 0;
padding: 0;
background-color: #BCC096; }

.wrapper {
position: relative;
width: 770px;
height: auto;
margin-left: auto;
margin-right: auto;
border: 0px orange solid; }

.leftCol {
width: 269px;
height: auto;
float: left; }

.rightCol {
width: 500px;
height: auto;
float: right; }

#header {
background-image: url(images/header_bg.gif);
background-repeat: repeat-x;
height: 94px;
width: 100%;
border-bottom: 1px #FFFFFF solid; }

#homeBtn {
position: absolute;
top: 10px;
left: 490px;
border: 0px #FFCC00 solid; }

#homeBtn a {
background-image: url(images/home_btn.gif);
background-repeat: no-repeat;
background-position: top right;
width: 62px;
height: 30px;
display: block;
padding-top: 9.5px;
text-decoration: none;
color: #000000;
font-size: .85em; }

#homeBtn a:hover {
color: #800000; }

#homeBtn2 {
position: absolute;
top: 10px;
left: 680px;
border: 0px #FFCC00 solid; }

#homeBtn2 a {
background-image: url(images/home_btn.gif);
background-repeat: no-repeat;
background-position: top right;
width: 62px;
height: 30px;
display: block;
padding-top: 9.5px;
text-decoration: none;
color: #000000;
font-size: .85em; }

#homeBtn2 a:hover {
color: #800000; }

#search {
position: absolute;
top: 10px;
left: 570px;
border: 0px #FFCC00 solid;  }

.input {
border: 1px #BBBBB9 solid;
font-family: "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
color: #343434;
font-size: .8em;
margin: 5px 5px 0px 0px;
background-color: #ffffff; }

.submit {
font-size: .8em;
vertical-align:bottom;
border: 0px #FFCC00 solid;
}

#nav {
position: absolute;
top: 63px;
left: 1px;
border: 0px #FFCC00 solid; }

#nav a {
float: left;
width: 100px;
height: 20px;
color: #ffffff;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
text-decoration: none;
text-align: center;
padding-top: 7px;
margin-left: 5px;
background-image: url(images/navBtn.gif);
background-repeat: no-repeat;
background-position: left top; }

#nav a:hover {
background-position: right top; }

#infoPanel {
background-color: #BCC096;
height: 99px; }

#homePanel {
background-color: #BCC096;
height: 142px; }

#gutter {
background-image: url(images/gutter_bg.gif);
background-repeat: repeat-x;
width: 100%;
height: 29px;
border-top: 1px #ffffff solid;
border-bottom: 1px #ffffff solid; }

#insideGutter {
background-image: url(images/insideGutter_bg.gif);
background-repeat: no-repeat;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.5em;
color: #ffffff;
text-align: right;
line-height: 1em;
margin-right: 10px; }

#content {
background-color: #ffffff;
width: 480px;
height: 450px;
overflow: auto;
padding: 10px 10px 20px 10px;
border: 0px #ffcc00 solid;
vertical-align: top; }

#fullWindow {
background-color: #ffffff;
width: 770px;
height: 450px;
overflow: auto;
padding: 10px;
border: 0px #ffcc00 solid;
vertical-align: top;
}

#sideCol {
width: 268px;
height: auto;
background-color: #151515;
color: #ffffff;
vertical-align: top;
border-left: 1px #ffffff solid;
text-align: center; }

#sideCol p {
font-size: 1em;
font-weight: normal;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
text-align: Justify;
color: #DEDEDE;
margin: 20px; }

#contact_sideCol {
width: 268px;
height: auto;
background-color: #151515;
color: #ffffff;
vertical-align: top;
border-left: 1px #ffffff solid;
text-align: center;
padding-top: 40px; }

#contact_sideCol p {
font-size: .9em;
font-weight: normal;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
text-align: left;
color: #DEDEDE;
margin: 25px; }

#contact_sideCol h4 {
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
text-align: left;
color: #9ea278;
margin-bottom: -10px; }

#contact_sideCol a {
color: #FFFFFF; }

#contact_sideCol a:hover {
color: #9ea278; }

#homeTitle {
background-image: url(images/home_titleBG.gif);
background-repeat: no-repeat;
border-top: 1px #ffffff solid;
border-bottom: 1px #ffffff solid;
width: 269px;
height: 22px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 1.5em;
color: #ffffff;
text-align: center;
line-height: 1.1em; }

#brnBG {
background-color: #755B32;
width: 269px;
height: auto;
padding: 5px 0px 5px 0px;
text-align: center; }

#brnBG p {
text-align: center;
font-size: 1.1em;
font-weight: bold;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
margin-left: 0px;
margin-right: 0px; }

#brnBG2 {
background-color: #755B32;
width: 269px;
height: auto;
padding: 5px 0px 5px 0px;
font-size: .9em;
text-align: center; }

#brnBG2 p {
text-align: left;
font-size: .9em;
font-weight: bold;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
margin-left: 15px;
margin-right: 15px; }

#brnBG2 input {
font-size: .9em;
margin: 5px 10px 0px 0px; }

#brnBG2 input.submit {
margin: -10px 0px 30px 160px; }

#tips {
font-size: .9em; }

#tips p {
text-align: center; }

#subnav {
width: 268px;
height: auto;
background-color: #151515;
color: #ffffff;
vertical-align: top;
border-left: 1px #ffffff solid; }

#subnav a {
display: block;
font-family: "Lucida Grande", Arial, Verdana, Helvetica, sans-serif;
color: #f1f1f1;
font-size: .9em;
text-align: right;
border-bottom: 1px #ffffff solid;
padding: 5px 10px 5px 0px;
text-decoration: none; }

#subnav a:hover {
background-color: #610101;
padding: 5px 15px 5px 0px; }

#printPage {
text-align: right;
margin-right: 25px;
right: 0px;
height: 50px; }

#printPage a {
font-size: .75em;
font-weight: bold;
text-decoration: none;
width: 132px;
height: 56px;
background-image: url(images/printIcon.gif);
background-repeat: no-repeat;
background-position: center right;
padding: 10px 38px 10px 0px;
}

#top {
text-align: right;
margin-right: 25px;
margin-top: 10px
right: 0px;
height: 20px;
}

#top a {
font-size: .75em;
font-weight: bold;
text-decoration: none;
width: 132px;
height: 31px;
background-image: url(images/topIcon.gif);
background-repeat: no-repeat;
background-position: center right;
padding: 20px 28px 20px 0px;
}

#footer {
background-image: url(images/footer_bg.gif);
background-repeat: repeat-x;
width: 100%;
height: 131px;
padding-top: 15px; }

#footer  p {
text-align: center;
color: #ffffff;
font-size: .8em;
letter-spacing: .18em;
line-height: 1.6em; }

#footer a {
color: #ffffff;
text-decoration: none;  }

#footer a:hover {
text-decoration: underline;  }

/*breadcrumb trails */

p.breadcrumbs {
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: left; 
margin: -3px 0px 10px 0px;
font-weight: bold; }

p.breadcrumbs a:link {
color: #800000;
text-decoration: none }

p.breadcrumbs a:visited {
color: #800000;
text-decoration: none }

p.breadcrumbs a:hover {
color: #000000;
text-decoration: none }

.currentpage {
color: #000000 }

span.separator {
color: #000000;
font-size: 1em }

/*typography */

h1 {
font-size: 1.4em;
color: #033b1e;
margin-left: 25px;
margin-right: 25px; }

h1.home{
text-align: center;
font-size: 1.6em;
line-height: 1.0em;
margin-bottom: 5px;
color: #734D27; }

h2.home {
font-family: "Arial Black", Verdana, sans-serif;
color: #033b1e;
font-style: normal;
margin-top: -15px;}

h2.subHead {
text-align: center;
margin-top: -10px;
margin-bottom: 20px; }

h2 {
font-size: 1.15em;
color: #633412;
margin-left: 25px;
margin-right: 25px;
font-family: Times, serif;
font-style: oblique; }

h3 {
font-size: 1em;
font-weight: bold;
margin: 0px 25px 10px 25px; }

h4 {
font-size: 1em;
color: #633412;
font-weight: bold;
margin: 0px 25px 10px 25px; }

p {
line-height: 1.4em;
margin: 0px 25px 20px 25px; }

p.center {
line-height: 1.4em;
margin: 0px 25px 20px 25px;
text-align: center; }

p.indent {
margin-left: 45px;
margin-right: 45px; }

p.disclaimer {
font-size: .75em;
font-weight: bold; }

p.disclaimer2 {
margin: 10px;
font-size: .75em;
text-align: center; }

#brnBG2 p.disclaimer3 {
font-size: .75em;
font-weight: bold;
font-style: italic;
margin: -20px 0px 10px 15px; }

ul, ol {
margin: 0px 25px 25px 25px; }

li {
margin: 0px 0px 10px 0px; }

a:link, a:visited {
color: #800000; }

a:hover {
color: #000000; }

#contact_sideCol a.directions:link {
display: block;
width: 175px;
height: 40px;
color: #19BF82;
margin: -10px 0px 0px 0px;
padding: 20px 0px 0px 0px;
background-image: url(images/frogIcon_smB.gif);
background-repeat: no-repeat;
background-position: right top; }

#contact_sideCol a.directions:hover {
color: #ffffff; }

/*images */

img {
border: 0px #000000 solid; }

.center {
margin-left: auto;
margin-right: auto; }

.left {
float: left;
margin: 0px 10px 10px 0px;
padding: 2px;
border: solid 1px #01582E; }

.leftNoBord {
float: left;
margin: 0px 10px 10px 0px; }

.right {
float: right;
margin: 0px 0px 10px 10px;
padding: 2px;
border: solid 1px #01582E; }

.rightNoBord {
float: right;
margin: 0px 0px 10px 10px; }

.wide {
margin: 0px 0px 10px 35px;
padding: 2px;
border: solid 1px #01582E; }

.lCol {
margin: 60px 0px 60px 10px;
padding: 2px;
border: solid 1px #ffffff; }

.lCol2 {
margin: 60px 0px 60px 25px; }

.staff {
float: left;
margin: 0px 10px 15px 25px;
padding: 2px;
border: solid 1px #01582E;
background-color: #D5D8BA; }

.staff2 {
float: right;
margin: -20px 25px 15px 15px;
padding: 2px;
border: solid 1px #01582E;
background-color: #D5D8BA; }

.thumb {
float: left;
margin: 0px 15px 15px 25px;
padding: 2px;
border: solid 1px #01582E; }

.measure {
float: right;
margin: 0px 25px 10px 10px;
}

.measure2 {
float: right;
margin: -15px 25px 10px 10px;
}


/* TABLES */

#conversion {
width: 430px;
margin: 10px 25px 30px 25px;
border-collapse: collapse;
border: solid 1px #D5D8BA; }

#conversion td {
vertical-align: top;
text-align: left;
margin: 10;
padding: 10; }

.conv1 {
line-height: 1.7em;
background-color: #D5D8BA; }

.conv2 {
line-height: 1.7em;
background-color: transparent; }

.conv3 {
width: 170px;}

.equals {
width: 30px;
text-align: center; }

.partners {
width: 428px;
margin: 10px 0px 20px 15px;
text-align: center; }

.partners td {
width: 107px;
background-color: transparent;
margin: 10px auto 10px auto;
vertical-align: middle; }

#broadleaf {
width: 430px;
margin: 10px 25px 30px 25px;
border-collapse: collapse;
border-top: solid 10px #D5D8BA;
text-align: center;
vertical-align: bottom; }

#broadleaf tr, #broadleaf td {
text-align: center;
vertical-align: middle;
line-height: 1.7em;
background-color: #D5D8BA; }



/* PRODUCT PAGES */

.subcategories {
padding-left: 10px;
margin: 5px 25px 30px 45px;
line-height: 1.4em;
font-weight:bold; }
 
.subcategories a {
width: 390px;
height: 17px;
display: block;
padding: 2px 0px 0px 20px;
margin-bottom: 0px;
margin-left: -20px;
background-image: url(images/arrowRight.gif);
background-repeat: no-repeat;
background-position: top left;
font-weight: bold; }
 
.subcategories a:hover {
color: #014826;
background-position: top right; }
 
.subcategories2  {
padding-left: 10px;
margin: 20px 0px 30px 65px;
line-height: 1em;
font-weight:bold; }
 
.subcategories2 a {
width: 283px;
height: 17px;
display: block;
padding: 2px 0px 0px 20px;
margin-bottom: 0px;
margin-left: -20px;
color: #785601;
background-image: url(images/arrowDown.gif);
background-repeat: no-repeat;
background-position: top left;
font-weight: bold;
border: dashed 0px #FFCC00; }
 
.subcategories2 a:hover {
background-position: top right;
color: #014826; }
 
.subcategories3  {
padding-left: 10px;
margin: 10px 0px 30px 105px;
line-height: 1em;
font-weight:bold; }
 
.subcategories3 a {
width: 238px;
height: 17px;
display: block;
padding: 2px 0px 0px 20px;
margin-left: -20px;
color: #262626;
background-image: url(images/arrowDown2.gif);
background-repeat: no-repeat;
background-position: top left;
font-weight: bold;
border: dashed 0px #FF0000; }
 
.subcategories3 a:hover {
background-position: top right;
color: #014826; }

.productEntry {
padding: 10px 20px 10px 20px;
margin-bottom: 20px;
border-bottom:1px solid #01582E;
}

.productTitle {
font-size: 1.1em;
font-weight: bold;
margin: 0px 0px 10px 0px; }

.productUOM {
display: block;
font-size: .75em;
font-style: oblique;
margin-bottom: 10px;}

.productDetails {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: .9em;
font-weight: normal; }

ul.productList {
font-family: Arial, Helvetica, Verdana, sans-serif;
float:left;
min-height: 20px;
width:210px;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 35px;
border:0px dashed #FF0000;
list-style-type: none;
font-size: .9em; }

ul.productList li {
min-height: 20px;
width:210px;
margin: 8px 0px 0px 0px;
padding: 0px 0px 0px 35px;
background-image: url(images/frogIcon_sm.gif);
background-repeat: no-repeat;
background-position: top left;
}

.productImage {
float: left;
width:180px;
margin: 10px auto 5px auto;
border:0px dashed #FFCC00; }

.prodImg {
float: right;
margin: 0px 0px 10px 10px;
padding: 2px;
border: solid 1px #01582E; }

a.viewMSDS, a.viewLabel, a.viewTechSheet {
font-family: Arial, sans-serif;
font-size: .9em;
font-weight: bold;
margin: 0px 0px 0px 10px; }


/* 5 STEP PROGRAM PAGE */

#turf1 {
width: 378px;
height: auto;
padding: 0px 80px 0px 0px;
margin-bottom: 30px;
background-image: url(images/turf/bg1.gif);
background-repeat: no-repeat;
background-position: center right; }

#turf2 {
width: 378px;
height: auto;
padding: 0px 80px 0px 0px;
margin-bottom: 30px;
background-image: url(images/turf/bg2.gif);
background-repeat: no-repeat;
background-position: center right; }

#turf3 {
width: 378px;
height: auto;
padding: 0px 80px 0px 0px;
margin-bottom: 30px;
background-image: url(images/turf/bg3.gif);
background-repeat: no-repeat;
background-position: center right; }

#turf4 {
width: 378px;
height: auto;
padding: 0px 80px 0px 0px;
margin-bottom: 30px;
background-image: url(images/turf/bg4.gif);
background-repeat: no-repeat;
background-position: center right; }

#turf5 {
width: 378px;
height: auto;
padding: 0px 80px 0px 0px;
margin-bottom: 30px;
background-image: url(images/turf/bg5.gif);
background-repeat: no-repeat;
background-position: center right; }

/* SEARCH PAGE STYLES */

#searchContent {
background-color: #ffffff;
height: 450px;
overflow: auto;
padding: 10px 10px 20px 10px;
border: 0px #ffcc00 solid;
vertical-align: top; }

#searchResults {
width: 660px;
overflow: hidden;
margin: 0px 30px 50px 30px;
padding: 10px 0px 0px 0px; }


/* ADMIN STYLES */

#adminContent {
background-color: #ffffff;
height: 450px;
overflow: auto;
padding: 10px 0px 20px 15px;
*/padding: 10px 10px 20px 15px;
border: 0px #ffcc00 solid;
vertical-align: top; }

.adminBox {
float: left;
width: 165px;
height: auto;
border: dashed 0px #ffcc00;
padding: 10px 10px 20px 10px;
text-align: center;
color: #000000; 
font-size: 1em;}

a.adHomeLeft:link, a.adHomeLeft:visited {
display: block;
width: 143px;
height: 106px;
background-image: url(images/adHomeLeft_bg.gif);
background-repeat: no-repeat;
padding: 10px 10px 0px 10px;
font-family: "Arial Black", Verdana, sans-serif;
font-size: 1.3em;
line-height: 1em;
text-decoration: none;
color: #ffffff; }

a.adHomeLeft:hover {
color: #000000; }

a.adHomeRight:link, a.adHomeRight:visited  {
display: block;
width: 143px;
height: 106px;
background-image: url(images/adHomeRight_bg.gif);
background-repeat: no-repeat;
padding: 10px 10px 0px 10px;
font-family: "Arial Black", Verdana, sans-serif;
font-size: 1.3em;
line-height: 1em;
text-decoration: none;
color: #ffffff; }

a.adHomeRight:hover {
color: #000000; }

a.adView {
display: block;
width: 110px;
height: 22px;
background-image: url("images/adView_bg.gif");
background-position: top right;
background-repeat: no-repeat;
font-size: 1em;
font-weight: bold;
border: dashed 0px #ffcc00;
padding: 5px 0px 0px 0px;
margin-left: 10px;
text-decoration: none; }

#printCatalogHeader {
	width:540px;
	text-align:left;
	background-color:#FFFFFF;
}
#printCatalogFooter {
	width:540px;
	text-align:left;
	background-color:#FFFFFF;
	font-size:9px;
	padding-bottom:10px;
	text-align:center;
}

#icePromo {
	background-image: url(images/homePromos/iceBG.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-color: #1C52A0;
	width: 429px;
	padding-bottom: 260px;
	padding-top: 20px;
	text-align: center;
	color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

#icePromo h1 {
	color: #ffffff;
	margin-bottom: 5px;
}

#grubout {
	font-size: .7em
}