@charset "UTF-8";
/* CSS Document */

/*##############################
  GENERAL RULES
   All container DIVs should have 
    display: block;
    float: left;
    width: [defined in % or px];
##############################*/

* {
	margin: 0;
	padding: 0;
}

body {
    display: block;
    float: left;
	background: #e9e6d8 url(../images/1200x700_background.jpg) repeat-x 50% 0;
}

a img {
	border: none;
}

/*##############################
  MAIN STRUCTURAL RULES
##############################*/

#wrapper {
	display: block;
	float: left;
	width: 800px;
	position: absolute;
	left: 50%;
	margin-left: -400px;
}

#header {
	display: block;
	float: left;
	width: 100%;
	height: 210px;
}

#utilityBar {
	display: block;
	float: left;
	width: 100%;
	height: 40px;
	margin-top: 170px;
}

#content {
	display: block;
	float: left;
	width: 100%;
}

#sidebar {
	display: block;
	float: left;
	width: 250px;
}

#footer {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
}


/*##############################
  STRUCTURAL RULES
##############################*/

#utilityNav {
	display: block;
	float: left;
	width: 200px;
	list-style: none;
	margin-left: 600px;
	text-align: center;
}

#utilityNav li {
	display: block;
	float: left;
}

#mainNav {
	display: block;
	float: left;
	width: 230px;
	margin-right: 20px;
	text-align: right;
}

#sidebarButtons {
	display: block;
	float: left;
	width: 250px;
	margin-top: 10px;
}

#footerLeftCol {
	display: block;
	float: left;
	width: 675px;
	margin-top: 10px;
	margin-right: 20px;
	text-align: right;
/*	list-style: none; */
}

#footerRightCol {
	display: block;
	float: left;
	width: 105px;
	margin-top: 10px;
}

.contentList {
	display: block;
	float: left;
	width: 550px;
	margin-top: 10px;
	list-style: none;
}

.contentList li {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.contentColLeft {
	display: block;
	float: left;
	width: 300px;
}

.contentColRight {
	display: block;
	float: left;
	width: 240px;
	margin-left: 10px;
}

#contactList {
	display: block;
	float: left;
	width: 280px;
	margin-right: 10px;
	margin-left: 10px;
	list-style: none;
}

#contactList li {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

.contentImage {
	display: block;
	float: left;
	width: 240px;
	height: 180px;
	margin-right: 10px;
}

.contentText {
	display: block;
	float: left;
	width: 300px;
	margin-top: 10px;
}

input#submit {
	display: block;
	float: left;
	margin-top: 5px;
	padding: 2px 4px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #8e2b1a;
	border-top: 1px outset #f5f2e8;
	border-right: 1px outset #e9e6d8;
	border-bottom: 1px outset #645832;
	border-left: 1px outset #e9e6d8;
}

.mapBox {
	display: block; 
	float: right; 
	width: 106px; 
	margin-left: 10px; 
	background-color: #ffffff;
	border-bottom: #beaf7f 1px solid;
}

.mapImage {
	display: block;
	float: left;
	width: 100px;
	margin: 3px 3px 5px 3px;
	border: 0;
}

.photoImage {
	display: block;
	margin: 0 0 5px 0;
	border: 3px solid #f5f2e8;
}

.downloadIcon {
	display: block;
	float: left;
	width: 29px;
	margin: 0 5px 3px 3px;
	border: 0;
}


/*##############################
  TYPE RULES
##############################*/
p, h1, h2, h3, h4, h5, label {
	display: block;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #645832;
	margin: 0;
}

h1, h2, h3, h4, h5, label {
	font-weight: bold;
}

p {
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 10px;
}

h1 {
	font-size: 22px;
	line-height: 26px;
	text-transform: uppercase;
}

h2 {
	font-size: 18px;
	line-height: 24px;
	text-transform: uppercase;
}

h3 {
	font-size: 24px;
	line-height: 33px;
	text-transform: uppercase;
}

h4 {
	font-size: 20px;
	line-height: 28px;
	text-transform: uppercase;
	margin-top: 15px;
	letter-spacing: 1px;
}

h5 {
	font-size: 16px;
	line-height: 20px;
}

label {
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
}

p a:link, h1 a:link, h2 a:link, h3 a:link, h4 a:link, p a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited {
	padding: 1px 3px;
	color: #8e2b1a;
	text-decoration: none;
}

p a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, p a:active, h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active {
	color: #ba381f;
	background-color: #f5f2e8;
	padding: 1px 3px 0;
	border-bottom: 1px solid #ba381f;
}


#mainNav {
	color: #645832;
}

#mainNav a:link, #mainNav a:visited {
	color: #8e2b1a;
	padding: 0 3px;
	text-decoration: none;
}

#mainNav a:hover, #mainNav a:active {
	color: #ba381f;
	background-color: #f5f2e8;
}

#footerLeftCol h4 {
	font-size: 14px;
	margin: 0;
}

body#wholesale #mainNav a#navLink_wholesale:link, body#wholesale #mainNav a#navLink_wholesale:visited, body#wholesale #mainNav a#navLink_wholesale:hover, body#wholesale #mainNav a#navLink_wholesale:active, body#retail #mainNav a#navLink_retail:link, body#retail #mainNav a#navLink_retail:visited, body#retail #mainNav a#navLink_retail:hover, body#retail #mainNav a#navLink_retail:active, body#wholesale a#footLink_wholesale:link, body#wholesale a#footLink_wholesale:visited, body#wholesale a#footLink_wholesale:hover, body#wholesale a#footLink_wholesale:active, body#retail a#footLink_retail:link, body#retail a#footLink_retail:visited, body#retail a#footLink_retail:hover, body#retail a#footLink_retail:active,body#contact a#footLink_contact:link, body#contact a#footLink_contact:visited, body#contact a#footLink_contact:hover, body#contact a#footLink_contact:active, body#about a#footLink_about:link, body#about a#footLink_about:visited, body#about a#footLink_about:hover, body#about a#footLink_about:active {
	color: #ba381f;
	background-color: #f5f2e8;
	border-bottom: 1px solid #ba381f;
}

.rule {
	background: url(../images/001x002_twoPixelRule.gif) 0 0 repeat-x;
	padding-top: 10px;
}

.caption {
	font-style: italic;
	font-size: 9px;
	line-height: 15px;
	font-weight: normal;
}

.conjunction {
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
}

.infoCategory {
	font-style: italic;
	font-size: 90%;
	text-transform: lowercase;
	margin-top: 10px;
	margin-bottom: 0;
}

.formMessage {
	color: #ba381f;
	font-weight: bold;
}

/*##############################
  ROLLOVER RULES
##############################*/

/* #utilityNav */
#utilityNav li a {
	display: block;
	width: 100px;
	height: 40px;
	text-indent: -9000px;
}

#utility_contact a:link, #utility_contact a:visited {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -100px 0;
}

#utility_contact a:hover, #utility_contact a:active {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -100px -40px;
}

#utility_about a:link, #utility_about a:visited {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -200px 0;
}

#utility_about a:hover, #utility_about a:active {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -200px -40px;
}

body#contact #utility_contact a:link, body#contact #utility_contact a:visited, body#contact #utility_contact a:hover, body#contact #utility_contact a:active {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -100px -80px;
}

body#about #utility_about a:link, body#about #utility_about a:visited, body#about #utility_about a:hover, body#about #utility_about a:active {
	background: url(../images/300x040_utilityNav.jpg) no-repeat -200px -80px;
}

/* #mainLogo */
#mainLogo a:link, #mainLogo a:visited, #mainLogo a:active {
	display: block;
	width: 250px;
	height: 140px;
	margin: 0;
	padding: 0;
	background: url(../images/250x140_mainLogo.png) no-repeat 0 0;
	text-indent: -9000px;
	border: none;
}

#mainLogo a:hover {
	background: url(../images/250x140_mainLogo.png) no-repeat 0 -140px;
	margin: 0;
	padding: 0;
	border: none;
}

/* #footerLogo */
#footerLogo a:link, #footerLogo a:visited, #footerLogo a:active {
	display: block;
	width: 105px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(../images/105x050_footerLogo.png) no-repeat 0 0;
	text-indent: -9000px;
	border: 0;
}

#footerLogo a:hover {
	background: url(../images/105x050_footerLogo.png) no-repeat 0 -50px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* h3#text... Headings */
h3#textWholesale, h3#textWholesale a:link, h3#textWholesale a:visited, h3#textWholesale a:active {
	display: block;
	width: 300px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: url(../images/260x040_homeWholesale_textHead.png) 0 0 no-repeat;
	text-indent: -9000px;
	border: 0;
}

h3#textWholesale a:hover {
	background: url(../images/260x040_homeWholesale_textHead.png) 0 -40px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

h3#textRetail, h3#textRetail a:link, h3#textRetail a:visited, h3#textRetail a:active {
	display: block;
	width: 300px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: url(../images/260x040_homeRetail_textHead.png) 0 0 no-repeat;
	text-indent: -9000px;
	border: 0;
}

h3#textRetail a:hover {
	background: url(../images/260x040_homeRetail_textHead.png) 0 -40px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

h3#textAbout, h3#textAbout a:link, h3#textAbout a:visited, h3#textAbout a:active {
	display: block;
	width: 300px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: url(../images/260x040_homeAbout_textHead.png) 0 0 no-repeat;
	text-indent: -9000px;
	border: 0;
}

h3#textAbout a:hover {
	background: url(../images/260x040_homeAbout_textHead.png) 0 -40px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

h3#textContact, h3#textContact a:link, h3#textContact a:visited, h3#textContact a:active {
	display: block;
	width: 300px;
	height: 33px;
	margin: 0;
	padding: 0;
	background: url(../images/260x040_homeContact_textHead.png) 0 0 no-repeat;
	text-indent: -9000px;
	border: 0;
}

h3#textContact a:hover {
	background: url(../images/260x040_homeContact_textHead.png) 0 -40px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
}

/* Home Page "Photo" Image Links */
.contentImageRollover {
	display: block;
	width: 240px;
	height: 180px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	border: 0; 
}

a#imageWholesale:link, a#imageWholesale:visited, a#imageWholesale:active {
	background: url(../images/240x180_homeWholesale_photo.png) no-repeat 0 0;
}

a#imageWholesale:hover {
	background: url(../images/240x180_homeWholesale_photo.png) no-repeat 0 -180px;
}

a#imageRetail:link, a#imageRetail:visited, a#imageRetail:active {
	background: url(../images/240x180_homeRetail_photo.png) no-repeat 0 0;
}

a#imageRetail:hover {
	background: url(../images/240x180_homeRetail_photo.png) no-repeat 0 -180px;
}

/* #guideDownload */
#guideDownload a:link, #guideDownload a:visited, #guideDownload a:active {
	display: block;
	width: 236px;
	height: 94px;
	margin: 0;
	padding: 0;
	background: url(../images/236x094_downloadGuides.png) no-repeat 0 0;
	text-indent: -9000px;
	border: 0;
}

#guideDownload a:hover {
	background: url(../images/236x094_downloadGuides.png) no-repeat 0 -94px;
	margin: 0;
	padding: 0;
	border: 0;
}

/* #guideDownload */
#guideDownload a:link, #guideDownload a:visited, #guideDownload a:active {
	display: block;
	width: 236px;
	height: 94px;
	margin: 0;
	padding: 0;
	background: url(../images/236x094_downloadGuides.png) no-repeat 0 0;
	text-indent: -9000px;
	border: 0;
}

#guideDownload a:hover {
	background: url(../images/236x094_downloadGuides.png) no-repeat 0 -94px;
	margin: 0;
	padding: 0;
	border: 0;
}

/*
.mapLink {
	display: block;
	float: left;
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	border: 0;	
}
*/

#mapTreeFarm a:link, #mapTreeFarm a:visited, #mapTreeFarm a:active {
	display: block;
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	border: 0;	
	background: url(../images/280x200_map-treeFarm.jpg) 0 0 no-repeat;
}

#mapTreeFarm a:hover {
	background: url(../images/280x200_map-treeFarm.jpg) 0 -200px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;	
}

#mapLot01 a:link, #mapLot01 a:visited, #mapLot01 a:active {
	display: block;
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	border: 0;	
	background: url(../images/280x200_map-lot01.jpg) 0 0 no-repeat;
}

#mapLot01 a:hover {
	background: url(../images/280x200_map-lot01.jpg) 0 -200px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;	
}

#mapLot02 a:link, #mapLot02 a:visited, #mapLot02 a:active {
	display: block;
	width: 280px;
	height: 200px;
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	border: 0;	
	background: url(../images/280x200_map-lot02.jpg) 0 0 no-repeat;
}

#mapLot02 a:hover {
	background: url(../images/280x200_map-lot02.jpg) 0 -200px no-repeat;
	margin: 0;
	padding: 0;
	border: 0;	
}

/*##############################
  INTERNET EXPLORER RULES
   .pngImage class is visible 
   by default.
   
   .ieImage class is not 
   displayed by default.
   
   both classes are modified in 
   the version-specific:
   structure_ieX.css
##############################*/

img.pngImage {
}

img.ieImage {
	display: none;	
}