/* CSS Document */

/************************************************************************

	Site: Circlehoe
	Author:		eROI		[www.eroi.com] 

	Listing Order:

	==============

	1 - Global for all subpages
	2 - Structure/layout for all subpages
	3 - Home navigation for all subpages
	4 - Main content for all subpages
	5 - ECOM section
	

************************************************************************/
/***********************************************************************
	1 - GLOBAL FOR ALL SUBPAGES
************************************************************************/
div#logoSectionContainer div#logo a h1, div#header div#logoSectionContainer div#guaranteeTagLine h1, div#diagramOne p, div#diagramTwo p, div#diagramThree p, div#button_seeProd a h1, div#topNav ul li a h1, div.prodThumbnails a h1, div#prod_headlineBg div.prodTitles h1, div.markDownPrice h1, div#button_purchase a h1, div#button_topRightVideo a h1, div#textOnly_topRightVideo a h1, div.prodLarge a h1, div#title_usda h1 {
	display: none;
}

div#logoSectionContainer div#logo a, div#button_seeProd a, div#ecom_leftColumn div.prodLarge a, div#ecom_rightColumn div.prodThumbnails a, div#topNav ul li a, div#button_purchase a, div#button_topRightVideo a, div#textOnly_topRightVideo a, div.prodLarge a {
	display: block;
	width: 100%;
	height: 100%;
}

a.on {
	color: #908341;
}

h1.headline {
	height: 27px;
	display: block;
}

div#header {
	padding-bottom: 15px;
	background: #f5f6d4;
	position: relative;
}

/*-- TOP LEFT LOGO SECTION --*/
div#header div#logoSectionContainer {
	width: 453px;
	float: left;
}

div#header div#logoSectionContainer div#logo {
	background: url(../images/sub_bg-logo.gif) left top no-repeat;
	height: 74px;
}	

div#header div#logoSectionContainer div#guaranteeTagLine {
	background: url(../images/sub_title-guarantee.gif) left top no-repeat;
	height: 11px;
	margin: 18px 0 0 0;
}

/*-- TOP RIGHT VIDEO SECTION --*/
div#header div#button_topRightVideo {
	float: left;
	width: 117px;
	background: url(../images/sub_button-video.gif) left top no-repeat;
	height: 16px;
	position: absolute;
	bottom: 19px;
	right: 228px;
}

/*-- TEXT ONLY TOP RIGHT VIDEO --*/
div#container div#textOnly_topRightVideo {
	background: url(../images/textOnly_button-video.jpg) left top no-repeat;
	width: 293px;
	height: 190px;
	position: absolute;
	right: 0;
	top: 3px;
	z-index: 1;
}

p span.title {
	font-size: 12px;
	font-weight: bold;
	color: #242424;
}

div#headlineBg {
	background: #a7c520;
	border-top: 1px solid #959595;
	padding: 8px 0 5px 41px;
}

/***********************************************************************
	2 - STRUCTURE/LAYOUT FOR ALL SUBPAGES
************************************************************************/
/*** WHAT IS THE CIRCLEHOE DIAGRAM PAGE ***/
div#diagramContainer {
	width: 861px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 40px 0;
}

div#diagramContainer div#diagramOne, div#diagramContainer div#diagramTwo, div#diagramContainer div#diagramThree {
	float: left;
	height: 313px;
}

div#diagramContainer div#diagramOne {
	background: url(../images/sub_bg-diagram1.gif) left top no-repeat;
	width: 285px;
}

div#diagramContainer div#diagramTwo {
	background: url(../images/sub_bg-diagram2.gif) left top no-repeat;
	width: 288px;
}

div#diagramContainer div#diagramThree {
	background: url(../images/sub_bg-diagram3.gif) left top no-repeat;
	width: 288px;
}

div#contentContainer {
	width: 861px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 25px 0;
}

div#rightContent {
	float: left;
	width: 576px;
}

/*** WHAT IS THE CIRCLEHOE SUBPAGES ***/
div#rightContent_sub {
	float: left;
	width: 576px;
	padding: 20px 0 0 0;
}

/*** NEWS COVERAGE PAGE ***/
div#container div#contentWithLine {
	background: url(../images/sub_bg-body.gif) left top repeat-y;
	margin: 24px 0 0 0;
	padding: 0 0 0 41px;
	width: 860px;
} 

div#contentWithLine div#leftColumn {
	float: left;
}

div#contentWithLine div#rightColumn {
	float: left;
	margin: 0 0 0 41px;
}

div#contentWithLine div.leftInfoContainer {
	float: left;
	width: 388px;
	padding: 0 0 21px 0;
	clear: both;
}

div#contentWithLine div.rightInfoContainer {
	float: left;
	width: 388px;
	padding: 0 0 21px 0;
	clear: both;
}

/*** ABOUT US PAGE ***/
div#contentWithLine div#about_leftColumn {
	width: 387px;
	float: left;
	margin: 0 23px 0 0;
}

div#contentWithLine div#about_rightColumn {
	width: 430px;
	float: left;
}	

/*** PRODUCTS PAGE ***/
div#container div#ecomProductContainer {
	border-top: 1px solid #959595;
}

div#ecomProductContainer div#ecom_leftColumn {
	width: 449px;
	float: left;
	padding: 0 0 0 80px;
}

div#ecomProductContainer div#ecom_rightColumn {
	float: left;
	width: 372px;
}

div#ecom_rightColumn div.prodThumbnails {
	float: left;
	width: 123px;
	height: 131px;
}

div#ecom_rightColumn div#prod_headlineBg {
	height: 26px;
	border-left: 1px solid #86b30b;
	border-bottom: 1px solid #959595;
	background: #cde855;
	padding: 13px 0 0 18px;
}

div#ecom_rightColumn div#purchaseContainer {
	width: 333px;
	margin: 0 0 0 18px;
	padding: 31px 0 0 0;
	position: relative;
}	

div#ecom_rightColumn div#purchaseContainer div#purchase_left {
	float: left;
}

div#ecom_rightColumn div#purchaseContainer div#purchase_right {
	float: left;
	width: 45px;
}

div#ecom_rightColumn div#purchaseContainer div#toolScale {
	float: left;
	width: 50px;
	margin: 0 0 0 100px;
}	

/*** WHAT IT IS COMPARISON PAGE ***/
div#circlehoeColumn {
	width: 288px;
	float: left;
}

div#comparisonColumn {
	width: 288px;
	float: left;
}

div.comparisonImages {
	float: left;
	margin: 0 8px 0 0;
	width: 116px;
	height: 116px;
	border: 1px solid #c4c4c4;
}

/*** ALL TEXT HEAVY PAGES WITH NO IMAGES PAGE ***/
div#textOnlyContainer {
	margin: 24px 0 0 0;
	padding: 0 41px 0 41px;
	width: 819px;
}

/***********************************************************************
	3 - TOP AND LEFT SUB NAVIGATION FOR ALL SUBPAGES
************************************************************************/
/*** TOP NAV ***/
div#topNav {
	padding: 18px 0 0 0;
}

div#topNav ul {
	list-style: none;
}

div#topNav ul li {
	float: left;
}

li#nav_whatIs { background: url(../images/topNav_what-is.gif) left top no-repeat; width: 128px; height: 10px; }
li#nav_products { background: url(../images/topNav_products.gif) left top no-repeat; width: 81px; height: 10px;  }
li#nav_news { background: url(../images/topNav_news.gif) left top no-repeat; width: 159px; height: 11px; }
li#nav_testimonials { background: url(../images/topNav_testimonials.gif) left top no-repeat; width: 77px; height: 10px; }
li#nav_about { background: url(../images/topNav_about.gif) left top no-repeat; width: 67px; height: 10px; }

/*-- ROLLOVERS --*/
li#nav_whatIs a:hover, li#nav_whatIs a.on { background: url(../images/topNav_what-is-rollover.gif) left top no-repeat; width: 128px; height: 10px; }
li#nav_products a:hover, li#nav_products a.on { background: url(../images/topNav_products-rollover.gif) left top no-repeat; width: 81px; height: 10px; }
li#nav_news a:hover, li#nav_news a.on { background: url(../images/topNav_news-rollover.gif) left top no-repeat; width: 159px; height: 11px; }
li#nav_testimonials a:hover, li#nav_testimonials a.on { background: url(../images/topNav_testimonials-rollover.gif) left top no-repeat; width: 77px; height: 10px; }
li#nav_about a:hover, li#nav_about a.on { background: url(../images/topNav_about-rollover.gif) left top no-repeat; width: 67px; height: 10px; }

/*** LEFT SUB NAV ***/
div#leftSubNav {
	float: left;
	width: 285px;
}

div#leftSubNav ul {
	font-size: 14px;
	padding: 0 0 0 36px;
}

div#leftSubNav ul li {
	line-height: 210%;
}

/*** LEFT SUB NAV FOR WHAT IS SUBPAGES ***/
div#leftSubNav_sub {
	float: left;
	width: 285px;
	padding: 20px 0 0 0;
}

div#leftSubNav_sub ul {
	font-size: 14px;
	padding: 0 0 0 36px;
}

div#leftSubNav_sub ul li {
	line-height: 210%;
}

/***********************************************************************
	4 - MAIN CONTENT FOR ALL SUBPAGES
************************************************************************/
/*** WHAT IS THE CIRCLEHOE ***/
div#button_seeProd {
	background: url(../images/sub_button-seeProd.gif) left top no-repeat;
	width: 101px;
	height: 16px;
	margin: 56px 0 0 20px;
}

div#rightContent p {
	line-height: 160%;
	padding: 0 20px 0 0;
}

/*** WHAT IS THE CIRCLEHOE SUBPAGES ***/
div#rightContent_sub p {
	line-height: 160%;
	padding: 0 20px 25px 0;
}

/*** NEWS COVERAGE PAGE ***/
div#contentWithLine div.leftInfoContainer p, div#contentWithLine div.rightInfoContainer p {
	line-height: 160%;
}

div#contentWithLine div.leftInfoContainer p span.location, div#contentWithLine div.rightInfoContainer p span.location {
	font-size: 11px;
	color: #242424;
}

div#contentWithLine div.leftInfoContainer p.readFullArticle span, div#contentWithLine div.rightInfoContainer p.readFullArticle span {
	padding-left: 3px;
}

div#contentWithLine div.leftInfoContainer p.readFullArticle, div#contentWithLine div.leftInfoContainer p.readFullArticle a, div#contentWithLine div.rightInfoContainer p.readFullArticle, div#contentWithLine div.rightInfoContainer p.readFullArticle a {
	color: #493f0b;
	line-height: 140%;
	font-size: 11px;
}

div#contentWithLine div.leftInfoContainer p.readFullArticle a, div#contentWithLine div.rightInfoContainer p.readFullArticle a {
	text-decoration: underline;
}

/*** ABOUT US PAGE ***/
div#about_rightColumn div#circleHoe {
	background: url(../images/about_bg-circlehoe.jpg) left top no-repeat;
	width: 402px;
	height: 121px;
	margin: 0 0 30px 0;
}

div#about_leftColumn p {
	line-height: 160%;
	padding: 0 0 25px 0;
}

div#about_rightColumn p {
	line-height: 160%;
	padding: 0 0 25px 40px;
}

div#about_rightColumn p a {
	color: #5a5a5a;
}

div#about_rightColumn p#additionalInfo {
	padding: 25px 0 0 40px;
}

div#about_rightColumn p#additionalInfo span {
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #959595;
}

div#about_rightColumn p span.fax {
	padding: 0 0 0 10px;
}

div#about_rightColumn span#additionalInfoFooter {
	font-size: 10px;
	font-weight: bold;
}

/*** PRODUCTS PAGE ***/
/*-- LARGE PRODUCT IMAGE --*/
div#ecom_leftColumn div.prodLarge {
	width: 448px;
	height: 489px;
	margin: 0 0 11px 1px;
}

div#ecom_leftColumn div#handCirclehoe { background: url(../images/prod_handLG.jpg) right top no-repeat; }	
div#ecom_leftColumn div#longCirclehoe { background: url(../images/prod_longLG.jpg) right top no-repeat; }
div#ecom_leftColumn div#miniCirclehoe { background: url(../images/prod_miniLG.jpg) right top no-repeat; }
div#ecom_leftColumn div#premiumCirclehoe { background: url(../images/prod_premiumLG.jpg) right top no-repeat; }
div#ecom_leftColumn div#ultraCirclehoe { background: url(../images/prod_ultraLG.jpg) right top no-repeat; }
div#ecom_leftColumn div#superCirclehoe { background: url(../images/prod_superLG.jpg) right top no-repeat; }

div#ecom_leftColumn p {
	line-height: 160%;
	padding: 18px 0 0 0;
}

/*-- THUMBNAILS ACTIVE --*/
div#hand {
	background: url(../images/prod_handSM.gif) left top no-repeat;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #959595;
}

div#long {
	background: url(../images/prod_longSM.gif) left top no-repeat;
	border-left: 1px solid #959595;
	border-bottom: 1px solid #959595;
}

div#mini {
	background: url(../images/prod_miniSM.gif) left top no-repeat;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #959595;
}	

div#premium {
	background: url(../images/prod_premiumSM.gif) left top no-repeat;
	border-left: 1px solid #959595;
}

div#ultra {
	background: url(../images/prod_ultraSM.gif) left top no-repeat;
	border-left: 1px solid #cacaca;
}

div#super {
	background: url(../images/prod_superSM.gif) left top no-repeat;
	border-left: 1px solid #cacaca;
}

/*-- THUMBNAILS ROLLOVERS --*/
div#hand a:hover, div#hand a.on { background: url(../images/prod_handSM-rollover.gif) left top no-repeat; }
div#long a:hover, div#long a.on { background: url(../images/prod_longSM-rollover.gif) left top no-repeat; }
div#mini a:hover, div#mini a.on { background: url(../images/prod_miniSM-rollover.gif) left top no-repeat; }
div#premium a:hover, div#premium a.on { background: url(../images/prod_premiumSM-rollover.gif) left top no-repeat; }
div#ultra a:hover, div#ultra a.on { background: url(../images/prod_ultraSM-rollover.gif) left top no-repeat; }
div#super a:hover, div#super a.on { background: url(../images/prod_superSM-rollover.gif) left top no-repeat; }

/*-- PRODUCT TITLES --*/
div#prod_headlineBg div#title_hand {
	background: url(../images/prod_title-hand.gif) left top no-repeat;
	height: 16px;
}

div#prod_headlineBg div#title_long {
	background: url(../images/prod_title-long.gif) left top no-repeat;
	height: 19px;
}

div#prod_headlineBg div#title_mini {
	background: url(../images/prod_title-mini.gif) left top no-repeat;
	height: 17px;
}

div#prod_headlineBg div#title_premium {
	background: url(../images/prod_title-premium.gif) left top no-repeat;
	height: 17px;
}

div#prod_headlineBg div#title_ultra {
	background: url(../images/prod_title-ultra.gif) left top no-repeat;
	height: 17px;
}

div#prod_headlineBg div#title_super {
	background: url(../images/prod_title-super.gif) left top no-repeat;
	height: 17px;
}

div#ecom_rightColumn p {
	line-height: 160%;
	padding: 18px 16px 0 18px;
}

div#purchaseContainer div#purchase_left div {
	font-size: 9px;
	padding: 5px 0 0 0;
}

div#purchaseContainer div#purchase_right {
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #3a3a3a;
	padding: 0 0 0 12px;
}

/*-- TOOL SCALE FOR EACH PRODUCT --*/
div#purchaseContainer div#hand_toolScale {
	background: url(../images/prod_scale-hand.gif) left top no-repeat;
	height: 125px;
	width: 49px;
	position: absolute;
	top: 28px;
	right: 17px;
}

div#purchaseContainer div#long_toolScale {
	background: url(../images/prod_scale-long.png) left top no-repeat;
	width: 51px;
	height: 125px;
	position: absolute;
	top: 28px;
	right: 20px;
}

div#purchaseContainer div#mini_toolScale {
	background: url(../images/prod_scale-mini.gif) left top no-repeat;
	width: 48px;
	height: 123px;
	position: absolute;
	top: 28px;
	right: 20px;
}

div#comboContainer div#combo_rightColumn div#premiumToolScale {
	background: url(../images/prod_scale-premium.gif) 62px 20px no-repeat;
	width: 132px;
	height: 143px;
}

div#comboContainer div#combo_rightColumn div#ultraToolScale {
	background: url(../images/prod_scale-ultra.gif) 62px 20px no-repeat;
	width: 121px;
	height: 143px;
}

div#comboContainer div#combo_rightColumn div#superToolScale {
	background: url(../images/prod_scale-super.gif) 62px 20px no-repeat;
	width: 121px;
	height: 143px;
}

div#comboContainer {
	padding: 22px 0 0 18px;
}

div#comboContainer div#combo_leftColumn {
	float: left;
	width: 175px;
}

div#comboContainer div#combo_rightColumn {
	float: left;
	width: 132px;
}

div#combo_leftColumn div#comboHeadline {
	width: 165px;
	border-bottom: 1px solid #959595;
	margin: 0 0 9px 0;
} 

div#combo_leftColumn div#comboHeadline h1 {
	font-size: 12px;
	color: #242424;
	padding: 0 0 6px 0;
}	

div#combo_leftColumn div#productName {
	float: left;
	width: 96px;
}

div#combo_leftColumn div#productName ul {
	list-style: none;
	font-size: 9px;
}

div#combo_leftColumn div#productName ul li {
	line-height: 200%;
}

div#combo_leftColumn div#productPrice {
	float: left;
	width: 50px;
	margin: 0 0 0 20px;
	text-align: right;
}

div#combo_leftColumn div#productPrice ul {
	list-style: none;
	font: 10px Georgia, "Times New Roman", Times, serif;
	color: #7c7c7c;
	font-weight: bold;
}

div#combo_leftColumn div#productPrice ul li {
	line-height: 180%;
}

div#combo_leftColumn div#productPrice div#border {
	border-bottom: 1px solid #959595;
	padding: 2px 0 0 0;
}

div#combo_leftColumn div#productPrice div.markDownPrice img {
	padding: 10px 0 0 0;
}

div.markDownPrice div#discount {
	font-size: 9px;
	text-align: center;
	padding: 5px 0 0 0;
}

div#combo_leftColumn div#purchaseNowContainer {
	float: left;
	padding: 18px 0 0 0;
}

div#purchaseContainer div#priceText {
	padding: 0 0 5px 0;
}

div#purchaseContainer span.price {
	font: 12px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #3a3a3a;
}

div#combo_leftColumn div#purchaseNowContainer div#button_purchase {
	background: url(../images/prod_button-purchase.gif) left top no-repeat;
	width: 101px;
	height: 16px;
	float: left;
}

div#combo_leftColumn div#purchaseNowContainer div#button_purchase div {
	font-size: 9px;
	padding: 5px 0 0 0;
}

div#combo_leftColumn div#price {
	float: left;
	width: 47px;
	font: 14px Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #3a3a3a;
	padding: 0px 0 0 15px;
}

/*-- WHAT IS COMPARISON PAGE --*/
div#circlehoeColumn div#img_longCirclehoe { background: url(../images/bg_img-long-circlehoe.gif) left top no-repeat; }
div#comparisonColumn div#img_hulahoe { background: url(../images/bg_img-hulahoe.gif) left top no-repeat; }
div#img_conventionalhoe { background: url(../images/bg_img-conventionalhoe.gif) left top no-repeat; }
div#img_flatBladed1 { background: url(../images/bg_img-flat-bladed.gif) left top no-repeat; margin-bottom: 10px; }
div#img_flatBladed2 { background: url(../images/bg_img-flat-bladed2.gif) left top no-repeat; margin-bottom: 10px;}
div#img_roots { background: url(../images/bg_img-roots.gif) left top no-repeat; margin-bottom: 10px; }
div#img_roots2 { background: url(../images/bg_img-roots2.gif) left top no-repeat; }

/*-- ALL TEXT HEAVY PAGES WITH NO IMAGES PAGE --*/
div#textOnlyContainer p {
	line-height: 160%;
	padding: 0 0 25px 0;
}

/*-- SITE MAP PAGE --*/
div#textOnlyContainer ul#siteMap, div#textOnlyContainer ul#siteMap li ul {
	list-style: none;
	line-height: 160%;
}

div#textOnlyContainer ul#siteMap li ul {
	padding: 0 0 0 15px;
}

/*-- CONTACT US PAGE --*/
div#textOnlyContainer input.customField, div#textOnlyContainer textarea#commentBox {
	border: 1px solid #797979;
	width: 200px;
}

div#textOnlyContainer input#button {
	cursor: pointer;
}

div#textOnlyContainer ul#formText {
	float: left;
	list-style: none;
}

div#textOnlyContainer ul#formText li {
	padding: 0 5px 10px 0;
}

div#textOnlyContainer ul#formFields {
	float: left;
	list-style: none;
	margin: 0 20px 20px 0;
}

div#textOnlyContainer ul#formFields li {
	padding: 0 0 5px 0;
}

/*-- USDA ZONE PAGE --*/
div#usdaMap {
	background: url(../images/bg_img-usda-map.jpg) left top no-repeat;
	width: 300px;
	height: 303px;
	float: left;
}	

div#usdaInfoTable {
	float: left;
	width: 450px;
	margin: 0 0 0 50px;
}	

/*-- NEWSLETTER SIGN UP PAGE --*/
div#textOnlyContainer ul#emailSignUp, div#textOnlyContainer ul#emailForms {
	list-style: none;
	float: left;
}

div#textOnlyContainer ul#emailSignUp li {
	margin: 0 2px 8px 0;
}

div#textOnlyContainer ul#emailForms li {
	margin: 0 0 5px 0;
}

/***********************************************************************
	5 - ECOM section
************************************************************************/
div#textOnlyContainer table tr td, div#textOnlyContainer table tr td table {
	border: none;
}

div#textOnlyContainer table tr td.bodystyle, div#textOnlyContainer table tr td.littletext {
	padding: 0 0 10px 0;
}