@charset "UTF-8";

/* Layout Small Screens */


header {
	height: 55px; background: #01cc00 url(../images/MowerBanner3s.png) no-repeat right 0px;
}

header a.logo {
	width: 16%;
	height: 55px;
	top: 4px;
	left: 5px;
	font-size: .74em;
}
header div.subtitle { display: none; }

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

nav {
	display: block;
	padding: 0px;
	font-size: .67em;
}

nav a {
	display: block;
	margin: 0px;
	padding: 9px;
	border-bottom: 1px solid #c1caf1;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
}

nav a:hover { color: #fff; background-color: rgba(255,255,255,.15); }

footer { border-top: 1px solid #a6abc5; }

body { background-image: none;  }

/* Product Categories */

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

@media screen and (max-width: 600px) {
	section.productcategory { display: none; }	
}

section.productcategorymobile { margin-top: 0px; margin-bottom: .5em; padding: 0px; line-height: 1.2em; }
section.productcategorymobile aside { width: 50%; float: left; text-align: center; }
section.productcategorymobile aside .columnheading { margin-top: 35px; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
section.productcategorymobile aside .image { margin-top: 15px; }

section.products aside .content { padding: 0px 20px 5px 5px; }
section.products aside .content img { float: left; padding: 0px 5px 0px 0px; }

section.products aside .content h3 { font-size: 1em; margin: 0; }
section.products aside h3 a { color: #fff; text-decoration: none; }
section.products aside h3 a:hover { text-decoration: underline; }
section.products aside .content p { color: #fff; font-size: .8em; margin-left: 124px; }


/* Footer */

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

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

footer img { margin-left: 5px; padding-top: 10px; }


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

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; }