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

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

.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 .titletwo {
	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 .specheading {
	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.productcategory { display: none; }	
	section.productcategorytwo { display: none; }
	section.productcategoryfive { display: none; }
	section.grappleproductcategory { 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 .columnheading .subtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-top: -7px; line-height: 1.2em; } 
section.productcategorymobile aside .image { margin-top: 15px; }

section.grappleproductcategorymobile { margin-top: 0px; margin-bottom: .5em; padding: 0px; line-height: 1.2em; }
section.grappleproductcategorymobile aside { width: 50%; float: left; text-align: center; }
section.grappleproductcategorymobile aside .columnheading { margin-top: 35px; padding: 2px; font-family: Arial, Helvetica, sans-serif; }
section.grappleproductcategorymobile 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; }

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

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

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