@charset "UTF-8";

/* Layout Small Screens */


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

header a.logo {
	width: 16%;
	height: 55px;
	top: 4px;
	left: 5px;
	font-size: .7em;
}

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

nav a img { color: #fff;
			display: inline-block;
			padding: 5px;
			margin-top: 1px;
			margin-bottom: -8px;
			background-clip: padding-box;
			width: 11px;
			height: 11px;
}


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

body { background-image: none;  }


/* HOME PAGE */

section.animation { position: relative; padding: 0px 0px; width: 100%; height: 97px; }

section.animation .marquee { font-size: 12px; height: 97px; max-width: 425px; border: 0px; }
section.animation .marquee .marquee_data { display: none; }
section.animation .marquee .marquee_stage_large { height: inherit; position: relative; overflow: hidden; }
section.animation .marquee .marquee_stage_small { height: inherit; position: relative; overflow: hidden; }

section.animation .marquee .marquee_container_1,
section.animation .marquee .marquee_container_2 { height: inherit; position: absolute; top: 0px; left: 0px; width: 100%; }
section.animation .marquee .marquee_container_1 { z-index: 101; }
section.animation .marquee .marquee_container_2 { z-index: 102; }

section.animation .marquee .marquee_panel {
	height: inherit; width: 100%; 
	poition: absolute; top: 0px; left: 0px; 
	text-align: center;
	background-repeat: no-repeat;
	background-position: center 0px;
	background-size: cover;
}

section.animation .marquee .marquee_panel .panel_caption {
	width: 68%;
	position: absolute; bottom: 12px; left: 0px;
	margin-left: 16%;
	font-family: 'Lato', sans-serif;
	padding-bottom: 20px;
}

section.animation .marquee .marquee_panel .panel_caption h3 { font-family: 'Arial', serif; margin: 0px 0px 0px 0px; font-weight: 550; font-size: 1.2em; color:#fff; }
section.animation .marquee .marquee_panel .panel_caption p { margin: 0px 50px 15px 50px; color: #888; font-size: .8em; color: rgba(255,255,255,.75); }
section.animation .marquee .marquee_panel .panel_caption a.cta { display: inline-block; background-color: rgba(255,255,255,0); text-transform: uppercase; color:#fff; font-size: .8em; padding: 4px 15px; transition: background-color .7s, border .7s; border: 1px solid rgba(255,255,255,.5); border-radius: 3px; text-decoration: none; }
section.animation aside .marquee .marquee_panel .panel_caption a:hover { background-color: rgba(255,255,255,.6); color:#000; border-color: rgba(255,255,255,0); }

section.animation .marquee .overlay {
	position: absolute; left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-image: linear-gradient(rgba(0,0,0,0) 10%, rgba(0,0,0,.7)95%);
	background-size: 100%;
}

section.animation .marquee .marquee_nav {
	position: absolute; bottom: 8px; left: 0px;
	text-align: center; width: 100%;
	z-index: 103;
}

section.animation .marquee .marquee_nav div {
	display: inline-block;
	width: 8px; height: 8px;
	border: 2px solid rgba(255,255,255,.5);
	border-radius: 50%;
	margin: 0px 6px 0px 6px;
	cursor: pointer;
	transition: background-color .4s, border .4s;
}

section.animation .marquee .marquee_nav div:hover { border-color: #fff; background-color: rgba(255,255,255,.2); }

section.animation .marquee .marquee_nav div.selected { background-color: #fff; }

section.animation .marquee .btn {
	width: 25px; height: 25px;
	background: rgba(255,255,255,.2) no-repeat;
	background-size: 35px 15px ;
	position: absolute; top: 65px;
	cursor: pointer;
	border-radius: 50%; border: 1.8px solid rgba(255,255,255.5);
	transition: background-color .4s, border .4s;
}

section.animation .marquee .btn:hover { border-color: #fff; background-color: rgba(0,0,0,.6); }

section.animation .marquee .btn.prev {
	left:20px; z-index: 104;
	background-image: url(../images/arrow_left.svg); background-position: -6px 5px;
}

section.animation .marquee .btn.next {
	right: 20px; z-index: 105;
	background-image: url(../images/arrow_right.svg); background-position: -3px 4px;
}

/* Section - Products */

section.products { padding: 0px; line-height: 1.2em; margin-top: 0px; margin-bottom: .5em; }
section.products aside { width: 100%; float: left; padding: 15px 0px 0px 15px; text-align: left; }

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

/* Section - Featured */

section.featured { background-color: #999; padding: 8px 6px 0px 12px; color: #000; }

section.featured article { padding: 0 20px 0 212px; background: url(../images/selvatici-spaders-featured-small.jpg) no-repeat 0 5px; max-width: 425px; min-height: 175px; }
section.featured article h2 { font-size: .8em; margin: 0em 0em .35em 0em; }
section.featured article p { font-size: .65em; }

section.featured article a.btn { font-size: .6em; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 2px 8px; transition: background-color .5s; }
section.featured article a.btn:hover { background-color: rgba(0,0,0,.3); }

/* Section - Feature */

section.feature { background-color: #999; padding: 8px 6px 0px 12px; padding-bottom: 12px; color: #000; }

section.feature article { padding: 0 20px 0 212px; background: url(../images/peruzzo-collection-mowers-featured-small.jpg) no-repeat 0 5px; max-width: 425px; min-height: 175px; }
section.feature article h2 { font-size: .8em; margin: 0em 0em .35em 0em; }
section.feature article p { font-size: .65em; }

section.feature article a.btn { font-size: .6em; text-decoration: none; color: #fff; border: 1px solid #fff; padding: 2px 8px; transition: background-color .5s; }
section.feature article a.btn:hover { background-color: rgba(0,0,0,.3); }

/* Section - Information */

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

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

section.information aside .content { padding: 12px 12px 10px 0; }
section.information aside .contentbelow { padding: 5px 30px 20px 0; }
section.information aside .Samcontent { padding: 20px 30px 20px 0; }

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

section.information aside .content h4 { font-size: .75em; margin-bottom: 0; }
section.information aside .contentbelow h4 { font-size: .75em; margin-top: 1.2px; margin-bottom: 0; }
section.information aside .Samcontent h4 { font-size: .75em; margin-bottom: -0.1em; margin-top: -0.3em; line-height: 1.2em; font-weight: bold; }
section.information aside .content p { font-size: .63em; margin-bottom: .5em; }
section.information aside .contentbelow p { font-size: .63em; margin-bottom: .5em; }
section.information aside .Samcontent p { font-size: .63em; 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: 25px 20px 15px 30px; }

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

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

section.information blockquote::before { 
	content:'\201c'; color: #999; 
	position: absolute;
	top: 10px; left: 8px;
	font-size: 2.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: 475px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	padding-top: 30px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;	
	line-height: 1.0;
	list-style-type: none;
}

.page .titletwo {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 475px;
	text-align: center;	
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;		
}

/* Product Pages */

.page .title {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	width: 475px;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	
	line-height: 1.0;
	list-style-type: none;
}

.page .ValentiniSubtitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 475px;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	padding-top: -2px;
	padding-bottom: 5px;
}

.page .ValentiniSubTitleTwo {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 475px;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 5px;
}

.page .ValentiniTillerSubtitle {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	padding-top: 0px;
	margin-top: 5px;
}

.page .ValentiniTillerSubtitleTwo {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	margin-top: 3px;
}

.page .VenturaSubtitle {
	width: 460px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	padding-top: 0px;
	margin-top: -15px;
}

.page .subtitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 475px;
	text-align: center;	
	font-size: 18px;
	font-weight: bold;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;	
	list-style-type: none;
}

.page .subtitletwo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	width: 425px;
	text-align: center;
	padding-top: 0px;
	margin-top: 14px;
	padding-right: 50px;
	padding-left: 50px;	
}

.page .PkgSubTitle {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	margin-top: 1px;
}

.page .PeruzzoSubTitleOne {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-top: 0px;
	margin-top: 3px;
}

.page .PeruzzoSubTitleTwo {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	padding-top: 0px;
	margin-top: 2px;
}

.page .PeruzzoTriflexSubTitle {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	padding-top: 0px;
	margin-top: 2.5px;
}

.page .PeruzzoTriflexSubTitleTwo {
	width: 475px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #fff;
	line-height: 1.3;
	text-align: center;
	padding-top: 0px;
	margin-top: -1px;
}

.page .MowerCategoryTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 475px;
	text-align: center;	
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;		
}

.page .endpgtitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	width: 450px;
	text-align: center;	
	font-size: 16px;
	font-weight: bold;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;		
	margin: auto;
}

.page .endspecheading {
	width: 450px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	margin: auto;
}

@media screen and (max-width: 600px) {
	section.content { display: none; }
	.page .sectionwidth2 { display: none; }
	.page .sectionwidth3 { display: none; }
	.page .sectionwidthfour { display: none; }
	.page .container3 { display: none; }
	.page .center { display: none; }
	.page section.one { display: none; }
	.page .sectionwidth5 { display: none; }
	.page .sectionuneventwo { display: none; }
	.page .categorywidth2 { display: none; }
	.page section.fiveproducts { display: none; }
	.page .smallrambocolumn { display: none; }
	.page .threeacross { display: none; }
	.page .rambocolumnwide { display: none; }
}

.page section.space { margin-top: 25px; }

.page section.one {
	width: 100%;
	margin: auto;
	background-color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.page section.mobileone { margin-bottom: 5px; padding: 5px; }
.page section.mobileone aside { width: 100%; text-align: center; }
.page section.mobileone aside .HangerButton { margin-top: 5px; margin-bottom: 0px; }
.page section.mobileone aside h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; text-decoration: none; } 
.page section.mobileone aside .MowerButton h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 13px; text-decoration: none; }
.page section.mobileone aside .MowerButton h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; text-decoration: none; }
.page section.mobileone aside .MowerButton h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: normal; margin-top: -8px; text-decoration: none; }
.page section.mobileone aside .HangerButton h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; font-size: 11px; text-decoration: none; margin-top: -9px; }

.page .mobilesectionwidth2 {
	width: 475px;
	background-color: #000;
	margin: auto;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;		
}

.page section.contentmobile2 { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; line-height: 1.2em; }
.page section.contentmobile2 aside { width: 50%; float: left; text-align: center; }
.page section.contentmobile2 aside .videoheading { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 13px; margin-top: 5px; margin-bottom: 15px; }
.page section.contentmobile2 aside .contentimg h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 14px; }
.page section.contentmobile2 aside .contentimg .text { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; margin-top: -3px; line-height: 1.1; }
.page section.contentmobile2 aside .contentimg .imgtext { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; text-align: center; }
.page section.contentmobile2 aside .contentimg h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; font-size: 13px; margin-top: -1px; }
.page section.contentmobile2 aside .peruzzospecsmall { border: 2px solid #fff; border-collapse: collapse; font-size: 0.75rem; font-family: Arial, Helvetica, sans-serif; background-color: #000; width: 225px; margin-left: auto; margin-right: auto; }
.page section.contentmobile2 aside .options { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; text-align: left; font-weight: bold; margin-top: 3px; margin-left: 22px; }
.page section.contentmobile2 aside .optionstext { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; text-align: left; margin-top: 8px; margin-left: 22px; }

.page .mobilesectionwidth2 section.two { margin-bottom: 5px; padding: 5; }
.page .mobilesectionwidth2 section.two aside { width: 50%; float: left; text-align: center; }
.page .mobilesectionwidth2 section.two aside .MowerButton h3 a { font-familY: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; text-decoration: none; margin-top: 2px; }
.page .mobilesectionwidth2 section.two aside .HangerButton h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; text-decoration: none; }
.page .mobilesectionwidth2 section.two aside h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; text-decoration: none; line-height: 1.2; }
.page .mobilesectionwidth2 section.two aside h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; text-decoration: none; font-weight: normal; margin-top: -8px; }

section.contentmobile { margin-top: 0px; margin-bottom: 0.5em; padding: 0px; line-height: 1.2em; }
section.contentmobile aside { width: 100%; float: left; text-align: center; }
.page section.contentmobile aside .videoheading { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 13px; margin-top: 5px; margin-bottom: 15px; }
section.contentmobile aside .image { margin-top: 10px; }
.page section.contentmobile aside .contentimg h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; font-size: 14px; }
.page section.contentmobile aside .contentimg .text { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; margin-top: -7px; line-height: 1.1; }
section.contentmobile .description { font-family: Arial, Helvetica, sans-serif; }
section.contentmobile .description p { margin-top: 10px; margin-left: 5px; font-size: 1.0em; font-weight: 600; }
section.contentmobile .description ul li { text-align: left; font-size: 0.8em; }
.page section.contentmobile aside section.featureheading { margin-top: 15px; margin-left: 1px; padding: 5; }
.page section.contentmobile aside section.featureheading p { font-family: Aria, Helvetica, sans-serif; color: #fff; font-size: 1.1em; font-weight: bold; }
.page section.contentmobile aside section.speclist { margin-top: 5px; margin-left: -10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.8em; text-align: left; }
.page section.contentmobile aside .phototext { max-width: 445px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: -1px; margin-bottom: 8px; margin-right: auto; margin-left: auto; }

.page .phototext { max-width: 445px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: -6px; margin-bottom: 10px; margin-right: 5px; margin-left: 5px; }
.page .phototext .bold { text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-weight: bold; }

.page .mobilesectionwidth3 {
	width: 475px;
	margin: auto;
	background-color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.page .mobilesectionwidth3 section.three { margin-bottom: 5px; padding: 5; }
.page .mobilesectionwidth3 section.three aside { width: 33%; float: left; text-align: center; }
.page .mobilesectionwidth3 section.three aside .HangerButton { margin-top: 5px; margin-bottom: 0px; }
.page .mobilesectionwidth3 section.three aside .HangerButton h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold; line-height: 0.32; }
.page .mobilesectionwidth3 section.three aside .HangerButton h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; text-decoration: none; font-weight: normal; margin-top: -7px; }
.page .mobilesectionwidth3 section.three aside .MowerButton h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; text-decoration: none; margin-top: -2px; }
.page .mobilesectionwidth3 section.three aside h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; line-height: 1.2; text-decoration: none; }
.page .mobilesectionwidth3 section.three aside h4 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px; text-decoration: none; font-weight: normal; margin-top: -9px; }

.page .specsection3 {
	width: 495px;
	margin: auto;
	background-color: #000;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;	
}

.page .specsection3 section.three { margin-bottom: 5px; padding: 5px; }
.page .specsection3 section.three aside { width: 33%; float: left; text-align: left; }
.page .specsection3 section.three aside .MowerButton { margin: 1px; }
.page .specsection3 section.three aside section.featureheading p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; }
.page .specsection3 section.three aside section.speclist { margin-top: 5px; margin-left: -30px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.78em; }
.page .specsection3 section.three aside .MowerButton .imgtext { max-width: 175px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 13px; margin-top: -1px; margin-bottom: 8px; margin-right: auto; margin-left: auto; }

.page .mobilesectionwidth5 {
	width: 475px;
	margin: auto; 
	background-color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

section.five { margin-bottom: 5px; padding: 5px; }
section.five aside { width: 20%; float: left; text-align: center; }
section.five aside .HangerButton { margin-top: 10px; }
section.five aside h3 a { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; text-decoration: none; }

section.paragraphheading { margin-top: 12px; padding: 5; }
section.paragraphheading p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1.0em; font-weight: bold; }

section.paragraphheadingnomargin { margin-top: 2px; margin-bottom: -4px; padding: 5; }
section.paragraphheadingnomargin p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; font-weight: bold; }

section.paragraphheading2 { margin-top: -2px; padding: 5; }
section.paragraphheading2 p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; font-weight: normal; }

.page section.paragraph { margin-top: 5px; margin-left: 10px; margin-right: 10px; padding: 5; }
.page section.paragraph p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.8em; }

section.paragraphi2000 { margin-top: -15px; margin-left: 10px; margin-right: 10px; padding: 5; }
section.paragraphi2000 p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; line-height: 1.0; }

.page section.endparagraph { margin-top: 20px; margin-left: 10px; margin-right: 10px; padding: 5; }
.page section.endparagraph p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: bold; }

section.featureheading { margin-top: 15px; margin-left: 1px; padding: 5; }
section.featureheading p { font-family: Aria, Helvetica, sans-serif; color: #fff; font-size: 1.1em; font-weight: bold; }

section.featureheadingtwo { margin-top: 15px; margin-left: 1px; padding: 5; }
section.featureheadingtwo p { font-family: Aria, Helvetica, sans-serif; color: #fff; font-size: 1.5em; font-weight: bold; }

section.speclist { margin-top: 5px; margin-left: -3px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.8em; }

.page section.endspeclist { margin-top: 5px; margin-left: 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.85em; }
.page section.endspeclist ul li .indent { text-indent: 30px; }

section.mowerspeclist { margin-top: -20px; margin-left: 3px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 0.8em; }

.page section.pumaspeclist { width: 450px; margin-top: 30px; margin-left: 45px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 1.1em; }

.page .sectionheading1 { width: 475px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 24px; font-weight: bold; margin-top: 15px; margin-bottom: 15px; }

.page .sectionheading { width: 475px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 20px; font-weight: bold; margin-top: 5px; }
.page .sectionheading .text { width: 475px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; font-weight: normal; margin-top: 2px; }

.page .mowerspecheading1 { width: 450px; margin: auto; background-color: #000; margin-top: -25px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.page .mowerspecheading1 section.mowerspecs { margin-bottom: 5px; }
.page .mowerspecheading1 section.mowerspecs aside { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; font-weight: bold; text-align: center; }
.page .mowerspecheading1 section.mowerspecs aside p h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; margin-bottom: 0px; }

.page .customer { width: 450px; margin: auto; background-color: #000; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.page .customer section.testimonial { margin-bottom: 5px; }
.page .customer section.testimonial aside { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; font-weight: normal; }
.page .customer section.testimonial h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 0px; }

.page .reviewheading { width: 485px; margin: auto; background-color: #000; margin-top: 5px; padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; }
.page .reviewheading section.review { margin-bottom: 5px; }
.page .reviewheading section.review aside { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; font-weight: bold; text-align: left; }
.page .reviewheading section.review aside p h3 { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; margin-top: 10px; }
.page .reviewheading section.review aside p { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 13px; font-weight: normal; text-align: left; }

.page section.spacetwo { margin-top: 15px; }
.page section.spaceharrows { margin-top: 30px; }

.page .PeruzzoSafeHeading { width: 475px; margin: auto; background-color: #000; margin-top: -15px; padding-top: 15px; padding-right: 0px; padding-bottom: -5px; padding-left: 0px; }
.page .PeruzzoSafeHeading section.safest { margin-bottom: 5px; }
.page .PeruzzoSafeHeading section.safest aside { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; }
.page .PeruzzoSafeHeading section.safest aside p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 15px; font-weight: bold; }

.page .TractorPkgHeading { width: 475px; margin: auto; background-color: #000; margin-top: -2px; padding-top: 15px; padding-right: 0px; padding-bottom: -5px; padding-left: 0px; }
.page .TractorPkgHeading section.safest { margin-bottom: 5px; }
.page .TractorPkgHeading section.safest aside { width: 100%; font-family: Arial, Helvetica, sans-serif; color: #fff; text-align: left; }
.page .TractorPkgHeading section.safest aside p { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 14px; font-weight: bold; }

.page .customerreview { width: 475px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 12px; margin-left: auto; margin-right: auto; }
.page .customerreview aside { text-align: center; }

/* Table Styling */

.page .centersmall {
	border: 2px solid #fff;
	border-collapse: collapse;
	font-size: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
	width: 415px;
	margin-left: auto;
	margin-right: auto;
}

.page tr {
	background-color: #000;
}

.page td, th {
	padding: 0.5rem;
	border: 1px solid #fff;
}

.page th {
	text-align: center;
	font-size: 1.1rem;
	text-decoration: underline;
}

.page .strong {	
	font-weight: bold;
	font-size: 0.9rem;
}

.page .spec {
	text-align: center;
	font-size: 0.9rem;
}

.page .note {
	text-align: left;
	font-size: 0.7rem;
}

.page .tech {
	text-align: left;
	font-size: 1.0rem;
	font-weight: bold;
}

.page .rambosmall {
	border: 2px solid #fff;
	border-collapse: collapse;
	font-size: 0.95rem;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000;
	width: 430px;
	margin-left: auto;
	margin-right: auto;
}

.page .rambosmall th {
	text-align: center;
	font-size: 1.0rem;
	text-decoration: underline;
}

.page .rambosmall .strong {
	font-weight: bold;
	font-size: 0.62rem;
}

.page .rambosmall .spec {
	text-align: center;
	font-size: 0.62rem;
}

.page .rambosmall .strong h4 {
	font-weight: normal;
	font-size: 0.62rem;
	margin-top: 1px;
	margin-bottom: 1px;
}

.page .rambosmall .strong h5 {
	font-weight: normal;
	font-size: 0.55rem;
	margin-top: 1px;
	margin-bottom: 1px;
}

.page .rambonote {
	text-align: left;
	font-size: 0.62rem;
}

/* Space Below Title */

.page .titlespacer { width: 515px; height: 40px; }

/* Space Above Footer */

.page .footerspacer { width: 515px; height: 30px; }

@media screen and (max-width: 600px) {
	section.productcategory { display: none; }	
	.page .rambocolumn { 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; }

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