@charset "UTF-8";

/* Layout (global rules for all sizes) */

body { margin: 0px; padding: 0px; }

header a.logo {
	position: absolute;
	display: block;
	width: 160px;
	height: 66px;
	text-decoration: none;
	color: #000;
	font-size: 1.6em;
	font-weight: 700;
	left: 10px;
}

nav {
	width: 100%;
	display: block;
	background-color: #1540fd;
}

h3 { 
	margin: 0 0 .5em 0; 
	font-size: 1em;
	font-weight: 700;
}

/* Layout Large Screens (default for older browsers) */

header { 275px; background: url(../images/MowerBanner3.png) no-repeat right 0px; }

article { padding: 30px 20px 10px 20px; }



nav { top: 275px; }
nav a { margin: 12px 0px 10px 20px; }


@media screen and (max-width: 1200px) {
	footer { padding-left: 20px; }
}


/* Section - Information */

section.information { background-color: #666; position: relative; }

section.information aside { width: 30%; float: left; margin-right: 10px; }

section.information aside .content { padding: 20px 30px 20px 0; }

section.information aside .content img { display: block; margin-bottom: 15px; width: 30%; }

section.information aside .content h4 { margin-bottom: 0; }
section.information aside .content p { margin-bottom: .5em; }
section.information aside .content a { display: inline-block; color: #fff; font-weight: 700; }

section.information blockquote { 
	margin: 0; width: 32%;
	color: #fff;
	background-color: #000;
	position: absolute; bottom: 0; right: 4%;
}

section.information blockquote p { margin: 30px 30px 20px 50px; }

section.information blockquote p.quote { font-style: italic; font-size: 1.2em; }

section.information blockquote p.credit { 
	color: #999;
	font-size: .9em; margin-top: 0; padding-left: 20px; line-height: 1.3em;
	position: relative;
}

section.information blockquote::before { 
	content:'\201c'; color: #999; 
	position: absolute;
	top: 10px; left: 8px;
	font-size: 5em;
	font-family: serif;
}

section.information blockquote p.quote::after { content:'\201d'; font-family: serif; }

section.information blockquote p.credit::before { content:'\2014'; position: absolute; top: -1px; left: 0; }

/* Product Categories */

.page .pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 1190px;
	text-align: center;
	font-size: 36px;
	font-weight: bold;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	
	line-height: 1.0;
	list-style-type: none;
}

/* Space Below Title */

.page .titlespacer { width: 1190px; height: 65px; }

/* Product Categories */

section.productcategory { margin-bottom: 5px; padding: 5; }
section.productcategory aside { width: 25%; float: left; text-align: center; }
section.productcategory aside .columnheading { margin-top: 50px; font-family: Arial, Helvetica, sans-serif; }
section.productcategory aside .image { margin-top: 15px; }

@media screen and (min-width: 515px) {
	section.productcategorymobile { display: none; }
}

/* Footer */

section.footer { margin-top: 50px; margin-bottom: 0px; padding: 0; }
section.footer aside { text-align: center; }
section.footer aside .footertwo { 
	height: 50px;	
	background-color: #000;
	width: 1200px;
	background-image: url(../footer1.jpg);
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
}

footer { background: #000; font-size: .8em; padding: 30px 0px 10px 20px; color: #fff; }
footer .content { display: inline; }

footer a { margin-left: 15px; color: #fff; }
footer a:visted { color: #fff; }
footer a:hover { color: #777; }

footer img { margin-left: 10px; }

navtwo { 
	background-color: #000;
	position: absolute;
	top: auto; left: 980px;
	z-index: 150;
}

navtwo::after { content:''; display: block; clear: both; }

navtwo ul { list-style: none; margin: 0; padding: 0px; }

navtwo ul li:hover { background-color: #b8b8b8; }
navtwo ul li:hover > ul { display: block; }

navtwo ul li a {
	display: inline-block;
	color: #000;
	padding: 10px 10px; 
	text-decoration: none;
	width: 180px;
	position: relative;
}

navtwo ul li a:visited { color: #000; }
navtwo ul li a:hover { background-color: b8b8b8; }

navtwo ul ul { position: absolute; bottom: 100%; background-color: #b8b8b8; display: none; }

navtwo ul ul li { position: relative; }

navtwo ul ul ul { left: 100%; bottom: 0px; }