/* THIS CSS PRODUCES A CENTERED 2 COLUMN LAYOUT WITH HEADER AND HORIZONTAL NAV */
/* ALL PNG BACKGROUND GRAPHICS WILL HAVE ADDITIONAL SELECTORS IN IE6.CSS */

/* BEGIN STRUCTURE */
:focus {-moz-outline-style: none;} /* removes dotted border around FF links */

html, body {
	margin:0;
	padding:0;
	height:100.1%; /* keeps vertical scroll bar visible in browsers so layout doesn't 'bounce' page to page */
	text-align:center; /* combined with container {margin:0 auto 0 auto} this centers a page */
	background-color:#faf3d5;
}

div#container_wrapper {
	margin:0;
	padding:0;
	min-width:880px;
	margin-top:130px;
	background:#fff;
	text-align:center; 
	border-top:2px solid #e9cd49;
	border-bottom:2px solid #e9cd49;
}

div#container {
	position:relative;
	width:880px;
	margin-right:auto;
	background:#fff;
	margin-left:auto; /* combined with body {text-align:center} this centers a page */	
	border:0px solid black;
	border-top:1px solid #fff; /* hack */
}

div#branding_nav {
	position:absolute;
	top:-108px;
	left:0px;
	width:100%;
	height:106px;
	text-align:center;
	border:0px solid green;
}

#branding_nav ul {
	position:absolute;
	top:69px;
	left:233px;
	width:430px;
	height:36px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#branding_nav ul a {
	display:block;
	height:36px;
	border:0px solid black;
}

#buy, #features, #send {
	float:left;
	height:36px;
}

#buy {width:113px;}

#buy a, #buy a:visited {background:url("/img/btn-buy.gif") top left no-repeat;}

#buy a:hover {background:url("/img/btn-buy.gif") top right no-repeat;}

#features  {
	margin-right:12px;
	margin-left:12px;
	width:97px;
}

#features a, #features a:visited {background:url("/img/btn-features.gif") top left no-repeat;}

#features a:hover {background:url("/img/btn-features.gif") top right no-repeat;}

#send {width:182px;}

#send a, #send a:visited {background:url("/img/btn-send.gif") top left no-repeat;}

#send a:hover {background:url("/img/btn-send.gif") top right no-repeat;}

div#content {
	border:0px solid black;
	text-align:left;
}

div#features_header {
	margin:0 auto 0 auto;
	width:880px;
	margin-top:10px;
	margin-bottom:0px;
	text-align:center;
	border:0px solid black;
}

div#content_main {
	position:relative;
	margin:0 auto 0 auto;
	width:560px;
	margin-top:40px;
	margin-bottom:30px;
	border:0px solid black;
}

div#content_main_wide {
	position:relative;
	margin:0 auto 0 auto;
	width:880px;
	margin-top:0px;
	margin-bottom:30px;
	text-align:center;
	border:0px solid black;
}

#ugt_title {
	position:absolute;
	top:14px;
	left:258px;
}

ul#nav_sub {
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}

#nav_sub li a {
	position:absolute;
	display:block;
}

#nav_sub li#ugt_video a {
	top:30px;
	left:520px;
	width:120px;
	height:86px;
	background:url("/img/btn-ugt-video.gif") top left no-repeat;
}

#nav_sub li#ugt a {
	top:54px;
	left:520px;
	width:120px;
	height:86px;
	background:url("/img/btn-ugt.gif") top left no-repeat;
}

#nav_sub li#snips a {
	top:180px;
	left:135px;
	width:91px;
	height:38px;
	background:url("/img/btn-snips.gif") top left no-repeat;
}

#nav_sub li#shears a {
	top:368px;
	left:150px;
	width:91px;
	height:38px;
	background:url("/img/btn-shears.gif") top left no-repeat;
}

#nav_sub li#tools a {
	top:355px;
	left:535px;
	width:91px;
	height:38px;
	background:url("/img/btn-tools.gif") top left no-repeat;
}

#garden_tool_set {
	position:absolute;
	top:212px;
	left:298px;
}

div#site_info {
	margin:0 auto 0 auto; /* combined with body {text-align:center} this centers a page */	
	height:140px;
	width:880px;
	padding-top:25px;
	color:#b4b4b4;
}

#site_info ul {
	padding:0 0 0 0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
}

#site_info li {display:inline;}

#site_info p {padding:0 0 0 0px;}

#site_info a {color:#b4b4b4;}

#site_info a:visited {}

#site_info a:hover {color:#2f2f2f;}

#site_info a.email {
	color:#de9141;
	font:bold 14px arial, sans-serif;
}

#site_info a.email:visited {}

#site_info a.email:hover {color:#2f2f2f;}
/* END STRUCTURE */

/* BEGIN GENERAL TYPOGRAPHY */
body {
	font-family:arial, sans-serif;
	color:#2f2f2f;
}

h1, h2, h3, h4, h5 {
	font-family:arial, sans-serif;
	color:#666;
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:12px;}

h1 {font-size:20px;} 

h2 {font-size:16px;}

h3 {font-size:14px;}

h4 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {
	color:#de9141;
	text-decoration:underline;
}

a:visited {}

a:hover {color:#2f2f2f;}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:20px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
	line-height:1.4em;
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	line-height:1.4em;
}
/* END GENERAL TYPOGRAPHY */

/* BEGIN VARIOUS TAGS AND CLASSES */
hr {
	margin:0;
	margin-top:5px;
	padding:0;
	background-color:#c1c1c1;
	height:1px;
	border:0;
}

img.product {
	float:right;
	margin-top:40px;
	margin-bottom:10px;
	margin-left:20px;	
}

img.single_product {
	float:right;
	margin-top:0px;
	margin-bottom:10px;
	margin-left:20px;	
}

fieldset, legend {
	margin:0;
	padding:0;
	border:0;
}

form.form {
	margin:0;
	margin-bottom:10px;
	padding:15px;
	background-color:#ececec;
	font:12px arial;
	border:1px solid #dadada;
}


.form input, .form select, .form iframe {
	border:1px solid #dadada;
	margin-bottom:8px;
	padding:right:2px;
	padding-left:2px;
}

.form .submit {
	font:bold 12px Arial, Helvetica, sans-serif;
	background-color:#e3a159;
	color:#fff;
	padding-top:6px;
	padding-right:4px;
	padding-bottom:5px;
	padding-left:4px;
	margin-top:8px;
	margin-bottom:0px;
	border:1px solid #df9344;
}

.form .submit:visited {}

.form .submit:hover {
	background-color:#2f2f2f;
	color:#fff;
	border:1px solid #000;
}

img {border:0;}

.center {text-align:center;}

.bold {font-weight:bold;}

.italic {font-style:italic;}

.small {font-size:1.1em;}

.no_spacing {margin:0px; padding:0;}

.clear {
	clear:both;
	height:0px;
	margin:0;
	padding:0;
	border:0px solid #000;
}

.photo {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	padding:3px;
	background:#fff;
	border:1px solid #dadada;
}

h2.features {margin-top:50px;}

.even {background:#efefef;}
/* END VARIOUS TAGS AND CLASSES */

/* BEGIN OAF TOOLS */
td {
	font-size:0.8em;
}

.adminBar {
	background-color:#2d4122;
}

.tableLight {
	background-color:#f4e2bd;
}

.tableDark {
	background-color:#ecd7aa;
}

.tableHighlight {
	background-color:#5f4f4b;
}

.white {
	color:#FFFFFF;
}

.error {
	color:#fff;
	background-color: #CC0000;
	padding:10px;
	margin-bottom:15px;
}

.success {
	color:#fff;
	background-color: #a4bd2d;
	padding:10px;
	margin-bottom:15px;
}

ul.links {text-align:left;border:0px solid black;padding:0;list-style:none;list-style-image:none;}
.links li {padding-bottom:10px;}
/* END OAF TOOLS */

