/* ---------------------------- 
[Master Stylesheet]

Project:	Heritage Turf Farms
Version:	1.0
Last change:	1/11/10 [shopping cart created, lg]
Assigned to:	Lonnie Griffin [lg]
Primary use:	Web

------------------------------- */

/* ---------------------------- */
/* Basic Elements
/* ---------------------------- */

		body { background-image:url(/images/bkground2.gif); background-repeat:repeat; margin:0px; padding:0px; font-size: 13px; line-height: 18px; font-family: Arial, Helvetica, sans-serif; text-align: center; }
		h1 { display: none; }
		h2, h3, h4, h5, h6, p {margin: 10px 0px 10px 0px; padding: 0px;}
		h2 { font-size: 18px; color: #482402; font-weight: normal; }
		h3 { font-size: 16px; color: #482402; }
		h4 { font-size: 13px; color: #1a4000;}
		h5 { font-size: 12px;}
		p { line-height: 18px;}
		a, a:visited { color: #6f3900; }
		a:hover { text-decoration: none; }
		a img { border: none; }
		blockquote { background: url(/images/quotes.gif) no-repeat 60px 3px; padding: 5px 0px 10px 35px; margin: 0px 23px 0px 20px; }
		blockquote .img-quote { margin: 0px 0px -7px 7px;}
	
	
/* ---------------------------- */
/* Containers
/* ---------------------------- */

		#wrapper {width: 902px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; text-align: left;}
		
		#logo { position: absolute; top: 0px; left: 122px;}
		
		#top {width: 100%; background:url(/images/bkground-top.gif) repeat-x; height: 30px; position: absolute; top: 0px; left: 0px;}
		
		#menu { width: 888px; position: absolute; top: 0px; z-index: 99; margin-left: 14px;}	
			#menu img { float: left; padding-right: 3px; }
			#menu #dropdown-heritageturf, #dropdown-heritageseed, #dropdown-aboutus, #dropdown-contactus {display: none; z-index: 99; margin: 0px; padding: 0px; background: #0e681c; list-style: none; line-height: 18px;font-size: 12px;  border-top: 1px solid #298838;border-right: 1px solid #298838;border-left: 1px solid #298838;position: absolute; top: 40px; }
			#menu #dropdown-heritageturf a, #dropdown-heritageseed a, #dropdown-aboutus a, #dropdown-contactus a {text-decoration: none;padding: 5px 4px 0px 4px; color: #fff;height: 20px; display: block;border-bottom: 1px solid #298838; width: 170px;}
			#menu #dropdown-heritageturf a:hover, #dropdown-heritageseed a:hover, #dropdown-aboutus a:hover, #dropdown-contactus a:hover {background: #7f2e00; }
			#menu #dropdown-heritageturf {left: 83px; }
			#menu #dropdown-heritageseed {left: 398px; }
			#menu #dropdown-aboutus {left: 562px;}
		
		#content-container-top {height: 17px; width: 964px; background:url(../images/bkground-content-container-top.gif) no-repeat;}
		
		#content-container { width: 902px; padding-top: 40px; background: url(../images/content-container-bkground.jpg) repeat-y;}
			#content-container:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		
		#content-container-bottom {height:14px; width: 902px; background:url(../images/bkground-content-container-bottom.png) no-repeat; }
		
		#sidebar {float: left; width: 240px; padding: 10px 20px 10px 20px; }
		#sidebar hr {height:2px; background-image: url(/images/hr-bkground.gif); background-repeat: repeat-x; border: none;  display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
		#sidebar ul {margin: 10px 0px 10px 20px; padding: 0px;}
		#sidebar ul li {}
		
		#content { float: left; width:582px; border: none; padding: 20px 20px 10px 20px; margin: -10px 0px 0px 0px;  background: url(../images/content-bkground.gif) 0px 0px no-repeat; min-height: 350px; }
		#content td { text-align: left; }
		#content ul { margin: 10px 0px 10px 30px; padding: 0px; }
		#content ul li { line-height: 18px; }
		
		#homepage {}
			#homepage #wrapper { padding: 30px 0px 0px 0px; }
			#homepage #header {height: 336px; width: 902px; background-image: url(/images/header-bkground.jpg); }
			#homepage #header #header-flash { float:right; margin: 19px 14px 0px 0px;}
			#homepage #content-container {padding-top: 0px; }
			#homepage #tbl-products-homepage {width: 100%; border-collapse: collapse;}
			#homepage #tbl-products-homepage  td { padding: 0px; text-align: center; }
			#homepage #tbl-products-homepage h4 { margin: 5px; }
			
		#footer-container {background: #13340c; width: 100%; height: 70px; border-top: 1px solid #204d16; margin: 20px 0px 0px 0px; padding: 0px 0px 10px 0px;}
		#footer { }
			#footer ul { list-style: none; padding: 15px 0px 4px 0px; margin: 0px; font-size: 12px;text-align: center;}
			#footer ul li {display: inline; padding: 0px 6px 0px 3px;  border-right: 1px solid #fff; }
			#footer ul li a {color: #fff; }
			#footer ul .last { border-right: none; }
			#footer p { font-size: 11px; color: #899a86; margin: 0px;  padding:0px 0px 10px 0px; line-height: 18px; text-align: center;}
			#footer p a { color: #899a86; }
			#footer p a:hover { text-decoration: none;}
		
		#header-flash p, #video-flash p {background: #fff; border: 1px solid red; padding: 10px; text-align: center; margin: 10px; font-weight: bold;}
		
		#video-container {position: absolute; left: 12px; top: 40px;}

/* ---------------------------- */
/* Store Pages
/* ----------------------------
		
		#sidebar #products-in-cart li img { margin: 3px 0px -3px 0px; }
		#sidebar #btn-checkout { margin: 0px 0px 10px 0px; }
		
		#content #shop-masterpage {}
		#content #shop-masterpage .product {margin: 10px 20px 15px 0px; float: left;}
		#content #shop-masterpage .product  p { margin: 10px 0px 0px 0px; padding: 0px; }
		#content #shop-masterpage .product h3 { margin: 0px 0px 15px 0px; padding: 0px; font-size: 14px; }
		#content #shop-masterpage .product a img {float: left; margin: 0px 10px 0px 0px; }
		#content #shop-masterpage .product a img:hover { }
		
		#content #shop-categorypage {}
		#content #shop-categorypage .product {display: block; clear: both; margin: 10px 0px 10px 0px; }
		#content #shop-categorypage .product:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
		#content #shop-categorypage .product-image { float: left; margin: 0px 15px 0px 0px;}
		#content #shop-categorypage .product-description {  }
		
		#content #shop-productpage {}
		#content #shop-productpage .product-image { float: left; margin: 15px 15px 0px 0px;}
		#content #shop-productpage .product-description { float:left; width:340px; }
		#content #breadcrumbs { list-style: none; margin: 10px 0px 0px 0px; padding: 0px;  }
		#content #breadcrumbs li{ display:inline; }	
		
*/
		#content .item {text-align: center; margin: 13px 0px 10px 10px; width: 180px; float: left; }
		#content .item .border {border: 2px solid #916741;}
		#content .item .border:hover {border: 2px solid #640000;}			
		#content .picture {text-align: center; margin: 10px 0px 10px 0px; width: 161px; height: 130px; float: left; }
		#content .picture .border {border: 2px solid #916741;}
		#content .picture .border:hover {border: 2px solid #640000;}
		#content .item p {margin: 5px 0px 5px 0px; padding: 0px; font-size: 11px; line-height: 14px;}
		#content .description { float: right; padding:2px 0px 0px 0px; margin-top: 13px; width: 380px; }
		#content .item-container { display: block; clear: both; height: 170px; }
		#content .item-container .item { height: 111px; }
		#content .inline { list-style: none; margin: 0px; padding: 0px; display: block;}
		#content .inline li { float: left; padding: 0px 10px 0px 0px; }
		#content #featured-product-home {text-align:center; float:right;margin-top:-50px;padding-left:10px;width:128px;}
		
		.pagination {width: 100%; margin: 0px; text-align: center; font-size: 11px;}
		.pagination a, .pagination .current, .pagination .nextprev-off {color: #46721b;background: #ddf0a3; border: 1px solid #46721b; padding: 2px 6px 2px 6px; position:relative;}
		.pagination a:hover  {border: 1px solid #000;}
		.pagination .nextprev-on {font-weight: bold;}
		.pagination .nextprev-off {color: #9bb05c; background: #c6db85; margin: 0px 3px 0px 0px; border: 1px solid #9bb05c;}
		.pagination .current {background: #46721b; color: #fff; border: 1px solid #46721b; padding: 2px 6px 2px 6px;}
		
		#wrapper .btn { background: #267b33 url(../images/btn-bg.jpg) repeat-x; text-align: center; padding: 3px; border: 1px solid #2c3f51; font-size: 11px; height: 17px; font-weight: bold; text-transform: uppercase; margin: 0px auto 0px auto; }
		#wrapper .btn a { color: #fff;text-decoration: none; }
		#wrapper .btn:hover { background: none; background-color: #389145; cursor: pointer; }		
		#wrapper .add-to-cart { width: 80px; }	
		#wrapper .continue-shopping { width: 140px; }
		
		.cat-list { background: #f0daa8; }
		#product-list { width: 500px; margin: 0px 10px 0px 0px; padding: 2px 0px 2px 10px; list-style: none; }
		/* #product-list:after { content: "."; display: block; height: 1px; clear: both; visibility: hidden;} */
		#product-list li {float: left; padding: 0px 0px 2px 0px; margin: 0px 15px 0px 0px; }
		 
		.description .details { border-collapse:collapse; border-spacing:0; border: 1px solid #ddf0a3; width: 351px;font-size: 12px;}
		.description .details td {padding: 3px; vertical-align: top; border: 1px solid #ddf0a3;}
		.description .details .left-column {width: 110px;  font-weight: bold;}
		.description .details .altrow {background: #ddf0a3;}
		.description .details .price { font-weight: bold; color: red; font-size: 15px; }
/* ---------------------------- */
/* Image Replacement
/* ---------------------------- */

		h2#shop-online,h2#our-products,h2#free-quote,h2#quality-first,h2#turf-solutions, h2#video-presentation, h2#heritage-seed, h2#welcome, h2#seed-vs-sod, h2#testimonials, h2#heritage-turf, h2#about-us, h2#contact-us, h2#your-account, h2#product-categories, h2#shopping-cart {overflow:hidden; background-repeat:no-repeat; height:0px !important; font-size:0px;  padding: 30px 0px 0px 0px; height /**/:30px; clear: both; }
	    h2#turf-solutions {background-image: url(/images/h2-turf-solutions.png);  margin: 0px 0px 0px 0px;}
		h2#video-presentation {background-image: url(/images/h2-video-presentation.png);  margin: 10px 0px 0px 0px;}
		h2#heritage-seed { background-image: url(/images/h2-heritage-seed.png); margin: 0px 0px 0px 0px;}
		h2#welcome { background-image: url(/images/h2-welcome.png); margin: 0px 0px 10px 0px;}
		h2#seed-vs-sod { background-image: url(/images/h2-seed-vs-sod.png); margin: 0px 0px 10px 0px;}
		h2#testimonials { background-image: url(/images/h2-testimonials.png); margin: 0px 0px 10px 0px;}
		h2#heritage-turf { background-image: url(/images/h2-heritage-turf.png); margin: 0px 0px 10px 0px;}
	 	h2#about-us { background-image: url(/images/h2-about-heritage-turf-farms.png); margin: 0px 0px 10px 0px;}
		h2#contact-us { background-image: url(/images/h2-contact-heritage-turf-farms.png); margin: 0px 0px 10px 0px;}
		h2#shop-online { background-image: url(/images/h2-shop-online.png); margin: 0px 0px 10px 0px;}
		h2#product-categories {background-image: url(/images/h2-product-categories.png); margin: 10px 0px 10px 0px;}
		
		h2#shopping-cart { background-image: url(/images/h2-shopping-cart.png); margin: 0px 0px 10px 0px;}
		h2#our-products { background-image: url(/images/h2-our-products.png); margin: 0px 0px 10px 0px;}
		h2#your-account { background-image: url(/images/h2-your-account.png); margin: 0px 0px 10px 0px;}
		h2#free-quote { background-image: url(/images/h2-free-quote.png); margin: 0px 0px 10px 0px;}
		h2#quality-first { background-image: url(/images/h2-quality-first.png); margin: 10px 0px 10px 0px;}
		
		
/* ---------------------------- */
/* Forms Validation
/* ---------------------------- */

		.lbl { display: block; font-weight: bold; margin: 0px; padding: 0px 0px 2px 0px;}
		.alert { background: url(../images/alert-small.gif) no-repeat 0px -3px; padding: 0px 0px 2px 18px; display: block; margin: 5px 0px 5px 0px; font-size: 11px; position: relative; clear: both; }
		.success, .error {padding: 10px; margin: 10px 0px 10px 0px; font-weight: normal; clear: both; text-align: left; position: relative;}
		.success p, .alert p { margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px; text-align: left; line-height: 18px; color: #000;}
		.error {}
			.error h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 8px 0px 10px 35px; margin: 0px; background: url(../images/alert.gif) no-repeat 0px 0px; color: Red;  font-size: 14px; position: relative;}
		.success {background-color:#c3fbbb;  border:1px solid #abe9a2 }
			.success h4 {font-size: 15px; font-family: Arial, Helvetica, sans-serif;padding: 5px 0px 6px 33px;background: url(../images/success.gif) no-repeat 0px 0px; margin: 0px 0px 0px 0px; color: #000;}
		.progress {padding: 10px 0px 13px 10px; }
			.progress img {float: left; padding: 0px 10px 0px 0px; }
			.progress h4 { font-size: 15px; margin: 0px; padding: 5px 0px 10px 0px; color: Red; font-weight: bold; }

/* ---------------------------- */
/* Forms Formatting
/* ---------------------------- */

		#form {}
			#form .left{float:left; padding:0px 5px 0px 0px}
			#form .left-phone{float:left; }
			#form .right-phone{float:left; padding:0px 0px 0px 3px}
			#form .clear{float:none}
			#form .lbl{position:relative; display:block; font-weight:bold; margin:5px 0px 1px 0px; clear:both; color:#000; font-size:12px}
			#form .field{font-size:11px; line-height: 14px; font-family:Arial,Helvetica,sans-serif; margin:0px 0px 3px 0px; padding: 0px; }
			#form label, #form select{font-size:12px; }
			#form h5{position:relative; font-family:Arial,Helvetica,sans-serif;font-weight:bold; font-size:12px; padding:4px; margin:10px 0px 5px 0px; color:#000; background: #c6db85; border-bottom: 1px solid #b9d0c8; display:block; clear:both}
			#form select { font-size: 13px; margin: 0px 0px 0px 0px; }
			#form .textbox {font-family:Arial,Helvetica,sans-serif; border-top:1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color:#fff; font-size:15px; padding: 2px; margin: 0px 0px 0px 0px;}
			#form .red{color:red;}
			#form .small{font-size:11px; line-height:14px; margin:5px 0px 5px 0px; color: #666;}
			#form #PreferredContact label { font-size: 12px; }
			#form table { border-collapse: collapse; }
			#form .btn-submit { display: block; margin: 15px 0px 15px 0px; clear: both;}
			#form td, th { text-align: center; }
		
/* ---------------------------- */
/* Misc
/* ---------------------------- */

		.float-left{float:left; }
		.float-right { float: right; }
		.align-center { text-align: center; }
		.align-left { text-align: left; }
		.align-right { text-align: right; }
		.img-left{float:left; margin:0px 10px 0px 0px; }
		.img-right{float: right; margin: 0px 0px 0px 10px; }
		.margin-left {margin-left: 10px; }
		.margin-right{margin-right: 10px;}
		.margin-top{ margin-top: 10px;}
		.padding-top { padding-top: 10px;}
		.margin-bottom { margin-bottom: 10px; }
		.small{font-size:11px; line-height:14px; }
		.line{height:1px; background-color:#ccc; display:block; clear:both; margin:10px 0px 10px 0px; overflow:hidden}
		.large{font-size:16px; }
		.nodis { display: none; }
		.clear{ clear: both; }
		.highlight { padding: 2px; background-color: #FFFF66; }
		.grey { color: #666; }
		.border { border:1px solid #ccc;}
		.red {color: red;}
		.img-testimonials { float:left;margin-right:35px;}