/* CSS Document */


/* HTML tags 
**************************************************/
* {margin:0px; padding:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; line-height:17px; color:#81532a; text-decoration:none;}

body {background-color:#eae9da; background-image:url(../img/main/bkgr.gif); background-repeat:repeat-x; background-position:top center; text-align: center;}

h1, h1 a, h2, h2 a, h3, h3 a, h4 {font-family:Calibri, Arial, Helvetica, sans-serif; font-weight:normal;}

h1 {font-size:25px; line-height:27px; color:#ffffff;}
h1 a {font-size:25px; line-height:27px; color:#ffffff;}
h1 a:hover {color:#ffdf4d; text-decoration:none;}
h2 {font-size:22px; line-height:24px; color:#ffffff;}
h2 a {font-size:22px; line-height:24px; color:#ffffff;}
h2 a:hover {color:#ffdf4d; text-decoration:none;}
h2.large {font-size:50px; line-height:48px; margin-left:-1px;}
h3 {font-size:20px; line-height:23px; padding:8px 0 10px 0;}
h3 a {font-size:20px; line-height:23px;}
h4 {font-size:16px; line-height:20px; padding:15px 0 5px 0;}

p {padding:5px 0 5px 0;}
p a.productName {color:#42ad38; font-weight:bold;}
p a.productName:hover {color:#42ad38; font-weight:bold;}

a.navText {font-family:Arial, Helvetica, sans-serif; color:#ffffff; font-size:13px; line-height:13px; padding-right:18px; font-weight:bold;} /*nav*/
a.navText:hover {color:#ffdf4d; text-decoration:none;}

a.footerText {padding:0 5px 0 5px;}

a {font-size:13px; line-height:20px;}
a:hover {text-decoration:underline;}

a.button {float:right; display:block; width:30px; height:25px; background:url(../img/main/field_button.gif) no-repeat 0 0;}
a.button:hover {background-position:0 -25px;}
a.button span {display: none;}



/* ID's and ID subclasses 
*************************************************/
#main {margin:0 auto; text-align:left; width:888px;}
#header {height: 156px;}
#navUtility1 {float: right; text-align:right; width:175px; height:90px; padding:0 30px 0 0; margin-top: -125px;}
#navUtility2 {float: right; width:310px; margin:-27px 0 0 0;}
#phone {float: left; width:170px; margin:-108px 0 0 30px;}
#logo {margin:1px auto auto auto; width:199px; height:140px;}

#Search {clear: right; float: right; width:147px; height:25px; margin:-25px 20px 0 0; background:url(../img/main/field.gif) no-repeat top left;}
#searchText {width:25px; height:25px; left:-55px; padding-top:3px; margin:-27px 0 0 -55px;}

ul#mainNav {list-style: none; margin: 0px; padding: 0px;}
ul#mainNav li {float: left; padding: 0; margin: 0px;}
ul#mainNav li.double {padding: 0; line-height: 13px; margin-top: -5px;}
#nav {height:28px; background-image:url(../img/main/nav_bkgr.jpg) ; background-repeat:no-repeat; padding:16px 0 0 30px; margin-top:-5px;}

#mainImg1 {clear: both; float: left; width:368px; height:134px; background-image:url(../img/index/area1_bkgr_spring.jpg); background-repeat:no-repeat; padding: 162px 0 0 234px;}
#mainImg2 {float: right; width:246px; height:262px; background-image:url(../img/index/area2_bkgr_spring.jpg); background-repeat:no-repeat; padding: 34px 0 0 40px;}
#mainArea1 {width:325px; height:100px;}
#mainArea2 {width:210px; height:205px;}

#contentLeft {float:left; width:592px; clear:left;}
#contentRight {float:right; width:296px; clear:right; margin-left:-10px;}
#area_full {width:868px; background:url(../img/index/burlapSackTop.jpg) no-repeat; margin:0 0 0 11px;} 
#area_full.leftColumn {float:left; width:848px; padding:0; background:#fff; margin:30px 0 0 0; padding:10px;}
#area3 {width:592px; background:url(../img/index/table_bkgr2col.gif);}
#area3.leftColumn {float:left; width:525px; padding:0 0 0 30px; background:none;}
#area3.rightColumn {float:right; width:246px; padding:40px 30px 0 0; background:none;}
#area4, #area5, #area6 {width:296px; background:url(../img/index/table_bkgr1col.gif);}
#area5 {float:left;}
#area6 {float:right;}
#areaFooter1 {width:296px; height:45px; background:url(../img/index/table_ftr1col.gif);}
#areaFooter2 {clear: both; width:592px; height:45px; background:url(../img/index/table_ftr2col.gif);}
#areaFooter_full {clear: both; width:868px; height:21px; background:url(../img/index/FooterFullGraphic.jpg) no-repeat;}
#sep {float:left; margin:48px 0 0 18px; width:1px; height:315px; background-color:#e1dfcf;}
#textPadding {padding:0 30px 0 30px; background:none;}

#footer {width:828px; padding:20px 10px 40px 0; margin: 20px auto; clear:both;}



/* reuseable and misc classes 
*************************************************/
.color1 {color:#42ad38;} /*green*/
.color2 {color:#744608;} /*brown*/
.color3 {color:#000000;} /*black*/
.color4 {color:#ffffff;} /*white*/

.bold {font-weight:bold;}
.bolder {font-size:14px; line-height:17px; font-weight:bold;}

.buttonSpacing1 {vertical-align:-20%;}
.buttonSpacing2 {padding:0 0 2px 0;}

.textPadding {padding:0 30px 0 30px; clear:both;}
.noPadding {padding:0px;}
.endPadding {padding-bottom:10px;}
.leftPadding {padding-left:15px;}
.rightPadding {padding-right:5px;}
.fieldPadding {padding:0 10px 0 10px;}
.emailPadding {padding-right:10px;}
.productPrice {color:#744608; font-weight:bold;}

.searchField {border:0; background: transparent; height: 20px; width: 127px; padding-top:6px;}
.emailField {border:0; height:14px; width: 100px; padding:3px;}

.invisible {display:none;}