@charset "utf-8";
/* CSS Document for Hill Brush */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; background: #979797 url(images/body-bkg.jpg) repeat-x top;}

.bold {font-weight: bold;}
.boldpadbot {line-height: 22px; font-weight: bold;}
.boldcentre {font-weight: bold; text-align: center;}
.greenbold {font-weight: bold; color: #006600;}
.orangebold {font-weight: bold; color: #FFF; background: #F60; padding: 1px 3px; margin-right: 3px;}
.grnbold {font-weight: bold; color: #FFF; background: #006600; padding: 1px 3px; margin-right: 3px;}
.bluebold {font-weight: bold; color: #FFF; background: #0066CC; padding: 1px 3px; margin-right: 3px;}
.title-green {font-weight: bold; color: #006600; font-size:16px;}
.title-orange {font-weight: bold; color: #F60; font-size:16px;}
.title-blue {font-weight: bold; color: #0066CC; font-size:16px;}
.lgebold {font: bold 110%  Verdana, Arial, Helvetica, sans-serif;}
.lgebolder {font: bold 120%  Verdana, Arial, Helvetica, sans-serif;}
.italic {font-style: italic;}
p {margin-bottom: 15px}
p.nopad {margin-bottom: 0px;}
p.lgebot {margin-bottom: 25px;}
h2 {font: 20px Arial, Helvetica, sans-serif; color: #000; border-bottom: 1px solid #37639D; margin-bottom: 15px; padding-bottom: 15px;}
h3 {font: bold 14px Arial, Helvetica, sans-serif; color: #333; padding-bottom: 5px; border-bottom: 1px solid #37639D; margin-bottom: 5px;}
h3.clear {clear: right; margin-top: 30px;}
input, textarea, select {border: 1px solid #37639D; padding: 2px; background: #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif;}
input.formtext {font: bold 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; background-color: #37639D; padding: 5px;}
input.email {border: 1px solid #CCC; padding: 2px; background: #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; color: #666;}

.wrapper {width: 994px; margin: auto auto; background: #FFF;}
.topsection {width: 994px; margin: auto auto;}

.header {width: 994px; height: 117px; clear: both;}
.logo {float: left; border: none; width: 421px;}
.appointment {float: right; border: none; width: 130px;}
.usa-flag {float: right; border: none; width: 171px;}

.sentence { font: 10px Verdana, Arial, Helvetica, sans-serif; color: #CBCBCB; float: left; width: 690px; margin-top: 7px; }

.topnav {float: right; width: 296px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.topnav ul li {list-style-type: none; display: inline;}
.topnav ul li a:link, .topnav ul li a:visited {border-top: 1px solid #303030; border-left: 1px solid #646464; border-bottom: 1px solid #A1A1A1; background: #666 url(images/topnav-bkg.jpg) repeat-x; font-weight: bold; color: #FFF; padding: 4px 20px; text-align: center; line-height: 22px; text-decoration: none; }
.topnav ul li a:hover {background: #303030; border-bottom-color: #303030}
.topnav ul li a#basket:link, .topnav ul li a#basket:visited {border-top: 1px solid #600; border-left: 1px solid #882323; border-bottom: 1px solid #9E3939; border-right: 1px solid #882323; background: #882323 url(images/topnav-basket-bkg.jpg) no-repeat; padding: 4px 40px 4px 10px;}
.topnav ul li a#basket:hover {background: #600 url(images/topnav-basket-bkg-o.jpg) no-repeat; border-bottom: 1px solid #600;}
.topnav ul li a#basket img {border: none; position: relative; left: 20px; top: -3px; z-index: 0;}

.nav {background: #333 url(images/nav-main-bkg.jpg) repeat-x;}
.nav ul li {list-style-type: none; display: inline; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.nav ul li a:link, .nav ul li a:visited {border-top: 1px solid #4D4D4D; border-left: 1px solid #646464; border-bottom: 1px solid #4D4D4D; background: #333 url(images/nav-bkg.jpg) repeat-x; font-weight: bold; color: #FFF; padding: 4px 34px 6px 34px; text-align: center; line-height: 24px; text-decoration: none;}
.nav ul li a:hover {background: #303030; border-bottom-color: #303030}
.nav ul li a#last:link, .nav ul li a#last:visited {padding: 4px 34px 6px 34px;}
.nav ul li a#first:link, .nav ul li a#first:visited {border-left: none;}

.search {background: #424242; height: 30px;}
.search form {float: right; width: 220px; margin-top: 2px; text-align: right;}
.search form input {border: 1px solid #B0B0B0; background: #6F6f6F; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #FFF; margin-right: 2px; padding: 2px; }
.search form .submit {height: 19px; border: none; background: none; padding: 0; margin-top: 0; position: relative; top: 0px;}

.subnav {float: left; width: 200px; border-top: 1px solid #FFF; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.subnav ul {margin-bottom: 20px;}
.subnav ul li {list-style-type: none; display: block;}
.subnav ul li a:link, .subnav ul li a:visited {background: #333 url(images/subnav-bkg.jpg) no-repeat; text-indent: 5px; line-height: 24px; font-weight: bold; color: #FFF; width: 200px; display: block; text-decoration: none; border-bottom: 1px solid #FFF;}
.subnav ul li a:hover, .subnav ul li.active, .subnav ul li.active a:link, .subnav ul li.active a:visited {background: #D9E1EC url(images/subnav-bkg-o.jpg) no-repeat; text-indent: 5px; line-height: 24px; font-weight: bold; color: #FFF; width: 200px; display: block; text-decoration: none; border-bottom: 1px solid #FFF;}
.subnav ul li ul {margin: 0;}
.subnav ul li ul li a:link, .subnav ul li ul li a:visited, .subnav ul li.active ul li a:link, .subnav ul li.active ul li a:visited {color: #666; font-weight: normal; background: none; text-decoration: underline; border: none;}
.subnav ul li ul li a:hover {text-decoration: none;}
.subnav ul li ul li.activelist {background: url(images/sublist-bkg.gif) no-repeat right; color: #666; font-weight: normal;}
.subnav .contact {background: #E4E4E4; border-top: 1px dotted #7A7A7A; border-bottom: 1px dotted #7A7A7A; padding: 15px; margin-bottom: 20px;}
.subnav .contact p.tel {font-weight: bold; background: url(images/telephone.gif) no-repeat; text-indent: 30px; line-height: 18px; margin-bottom: 5px;}
.subnav .contact p.email {background: url(images/email.gif) no-repeat; text-indent: 30px; line-height: 18px; margin-bottom: 0px;}
.subnav .contact p.email a:link, .subnav .contact p.email a:visited {color: #000;}
.subnav .contact p.email a:hover {text-decoration: none;}

.content-map {background-color: #FFF; padding: 25px 30px 15px 30px;}
.content {background-color: #FFF; padding: 25px 30px 15px 230px;}
.content .rightsection { float: right; border-left: 30px solid #FFF; border-bottom: 30px solid #FFF; width: 415px; font: 11px Verdana, Arial, Helvetica, sans-serif;}
.content .rightsection .feature {background: #989898 url(images/feature-bkg.jpg) repeat-y; width: 400px; border-bottom: 1px solid #FFF; padding: 5px 5px 5px 10px; color: #FFF; height: 68px;}
.content .rightsection .feature p.hdg {margin-bottom: 0px; font: bold 16px Arial, Helvetica, sans-serif; margin-top: 5px;}
.content .rightsection .feature img {float: right;}
.content .rightsection .feature a:link, .content .rightsection .feature a:visited {color: #FFF; text-decoration: none; background: url(images/little-white-arrow.gif) no-repeat right bottom;}
.content .rightsection .feature a.noarrow:link, .content .rightsection .feature a.noarrow:visited {background: none;}
.content .rightsection .feature .submit {background: none; border: none; position: relative; top: 4px; left: -3px;}
.content .greenfeature {background: #D9E1EC; border-top: 1px dotted #37639D; border-bottom: 1px dotted #37639D; padding: 0px 15px 15px 10px; margin-bottom: 20px; width: 200px;}
.content .greenfeature p {margin-bottom: 0px;}
.content .greenfeature p span {background: #C00; padding: 2px; font-weight: bold; color: #FFF; margin-right: 2px;}
.content .greenfeature a:link, .content .greenfeature a:visited {color: #000;}
.content .greenfeature a:hover {text-decoration: none;}
.content ul {margin-bottom: 15px;}
.content ul li {list-style-type: square; list-style-position: outside; margin-left: 15px; line-height: 18px;}
.content .question {background: #CCC url(images/question-bkg.jpg) repeat-x bottom; font-weight: bold; padding: 7px 10px; margin-bottom: 0px; margin-top: 15px;}
.content .answer {background: #F4F4F4; padding: 10px 10px 2px 10px;}
.content p.backtotop {text-align: right; margin-bottom: 7px; color: #666;}
.content p.backtotop a:link, .content p.backtotop a:visited {background: url(images/backtotop.gif) no-repeat bottom left; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #999; padding-left: 20px;}
.content p.backtotop a:hover {text-decoration: none;}
.content a:link, .content a:visited {color: #000;}
.content a:hover {text-decoration: none;}
.content .featurebox {background: #D9E1EC; border-top: 1px dotted #37639D; border-bottom: 1px dotted #37639D; padding: 15px 15px 0px 15px; margin-bottom: 15px;}
.content .brushphotos {width: 734px; height: 119px; margin-bottom: 15px;}
.content .brushphotos img {float: left; margin-right: 15px; border: 1px solid #CCC;}
.content .methodbox {background: #D9E1EC; border-top: 1px dotted #37639D; border-bottom: 1px dotted #37639D; padding: 15px 15px 0px 15px; margin-bottom: 15px; height: 175px;}
.content .methodbox img {border: 1px solid #37639D; width: 152px; float: left;} 
.content .methodbox p, .content .methodbox h3 {margin-left: 180px;}
.content .featureboxwhite {background: #FFF; border-bottom: 1px dotted #37639D; padding: 15px 15px 15px 0px; height: 60px;}
.content .featureboxwhite img {float: left; border-right: 25px solid #FFF; margin-bottom: 15px;}
.content .brochurelist {border: 1px solid #E4E4E4; padding: 5px; background: #F4F4F4; height: 24px; margin-bottom: 5px;}
.content .brochurelist .pdf { float: left; width: 500px; font: 600 14px Arial, Helvetica, sans-serif;}
.content .brochurelist img {float: left;}
.content .brochurelist .pdf p {margin: 5px 0px 0px 30px;}
.content .brochurelist .download {}
.content .brochurelist .download a:link, .content .brochurelist .download a:visited {float: right; width: 150px; padding: 5px; font-weight: bold; text-indent: 35px; font-weight: normal; height: 14px; background: url(images/download.gif) no-repeat left; }
.content .brochurelist .download a:hover {background: url(images/download-o.gif) no-repeat left; color: #C00;}
.content table.chem { border: 1px solid #D9E1EC; background: #E9EDF3; padding: 10px; margin-bottom: 15px; }
.content table.chem td {padding: 5px; border-bottom: 1px solid #D9E1EC;}
.content table.chem td.centre {text-align: center;}
.content table.chem td.hdg {background: #D9E1EC; font-weight: bold; padding: 5px;}
.content table.chem td.hdgcentre {background: #D9E1EC; font-weight: bold; text-align: center; padding: 5px;}
.content img.left {float: left; margin-right: 15px; margin-bottom: 8px; border: 1px solid #666;}
.content img.leftnoborder {float: left; margin-right: 15px; margin-bottom: 8px}
.content img.right {float: right; margin-left: 15px; margin-bottom: 8px; border: 1px solid #666;}
.content img.rightnoborder {float: right; margin-left: 15px; margin-bottom: 8px;}
.content .featureboxhalf {
	float: left;
	width: 330px;
	background: #D9E1EC;
	border-top: 1px dotted #37639D;
	border-bottom: 1px dotted #37639D;
	margin-bottom: 15px;
	margin-right: 13px;
	height: 800px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}
.content .featureboxhalf#contactlast {margin-right: 0px;}
.content .featureboxhalf .highlight {background: #E9EDF3; padding: 5px; margin-bottom: 15px;}
.content .featureboxhalf .highlight h4 {font: bold 14px Arial, Helvetica, sans-serif; border-bottom: 1px solid #AFC0D8; padding-bottom: 5px; margin-bottom: 5px;}
.content .featureboxhalf .highlight p.left {float: left; width: 70px; font-weight: bold; margin-bottom: 7px;}
.content .featureboxhalf .highlight p.right {float: left; width: 250px; margin-bottom: 7px;}
.content p.clear {clear: both; margin: 0; padding: 0; line-height: 1px;}
.content .map {position: relative; top: -5px;}
.content form.returns table {background: #E9EDF3; border: 1px solid #D9E1EC; margin-bottom: 10px;}
.content form.returns table td {padding: 2px;}
.content form.returns table td.hdg {background: #D9E1EC;}
.content img.download {position: relative; top: 8px;}
.content form.request table {background-color: #F4F4F4; padding: 5px; border: 1px solid #E4E4E4; font-weight: normal;}
.content form.request table table {padding: 0px; border: none; background: #E4E4E4;}
.content form.request table input, .content form.request table textarea, .content form.request table table input {border: 1px solid #999;}
.content .vegetable {background: #F0F9E6; padding: 5px; margin-bottom: 5px;}
.content .dyed {background: #F4F4F4; padding: 5px; margin-bottom: 5px;}
.content .aboutleft {float: left; margin-right: 50px; width: 300px; text-align: right; font: 10px Verdana, Arial, Helvetica, sans-serif;}
.content .aboutleft img {border: 1px solid #666;}
.content .glossaryleft {float: left; background: #666; width: 200px; color: #FFF; padding: 5px; display: block; border-bottom: 1px dashed #CCC;}
.content .glossaryright {float: left; width: 490px; padding: 5px; border-bottom: 1px dashed #CCC;}
.content .centre {text-align: center;}
.content .radio {position: relative; top: -1px;}
.content span.radioup {position: relative; top: -3px;}
.content a.warrant:link, .content a.warrant:visited {}
.content a.warrant:hover img {width: 200px; height: 200px;}

.casestudy {margin-bottom: 15px; margin-top: 15px; height: 180px;}
.casestudy img {float: left; border: 5px solid #F4F4F4; margin-right: 20px; margin-top: 5px; margin-bottom: 30px;}
.casestudy .text {width: 500px; margin-left: 180px;}

.footer {background-color: #37639D; color: #FFF; padding: 10px; clear: left; height: 25px; overflow: hidden; clear: both;}
.footer p.left {background: url(images/green.jpg) no-repeat; text-indent: 30px; float: left; width: 340px; line-height: 30px;}
.footer p.left a:link, .footer p.left a:visited {color: #FFF;}
.footer p.left a:hover {text-decoration: none;}
.footer p.right {float: right; width: 100px; position: relative; top: -5px;}

.subfooter {width: 994px; margin: auto auto; color: #FFF; clear: both; padding-top: 5px;}
.subfooter p.middle {text-align: center; color: #CCC; margin-bottom: 30px;}
.subfooter p.middle a:link, .subfooter p.middle a:visited {color: #CCC;}
.subfooter p.middle a:hover {text-decoration: none;}
.subfooter .flag {width: 280px; float: left; margin-right: 47px; background: #A0A0A0; padding: 10px; height: 120px;}
.subfooter .flag#midflag {margin-right: 47px;}
.subfooter .flag#endflag {margin-right: 0px; }
.subfooter .flag a:link, .subfooter .flag a:visited {color: #FFF; text-decoration: none; font-weight: normal;}
.subfooter .flag a:hover {text-decoration: underline;}
.subfooter .flag ul li {color: #FFF; list-style-type: square; list-style-position: inside; font-weight: normal; line-height: 16px;}

.rightimg {float: right; width: 352px; background-color: #FFF;}
.rightimg .photo {background: #BECDA4 url(images/rightimg-bkg.jpg) repeat-x top; padding: 10px; margin-left: 30px; margin-bottom: 30px; float: right;}
.rightimg .photo img {margin-bottom: 10px; border: 1px solid #FFF;}
.rightimg#hoof {width: 250px;}
.rightimg#hoof .photo {width: 176px;}
.rightimg#bodybrush {width: 264px;}
.rightimg#bodybrush .photo {width: 202px;}

img.left {float: left; margin-right: 15px; border: 5px solid #BECDA4; margin-bottom: 15px;}

ul.greenleaf li {padding-left: 28px; margin-bottom: 15px; line-height: normal; background: url(images/leaf.jpg) no-repeat left top; list-style-type: none; margin-left: 0px;}
ul.greenleaf li.high {height: 20px;}

.groomingproducts { background: #FFF; }
.groomingproducts .text { float: right; width: 404px; padding: 15px; background-color: #BECDA4; }

table.timeline td.date {font-weight: bold; text-align: center; vertical-align: middle; background: url(images/date-bkg.jpg) no-repeat; width: 80px; color: #FFF; height: 70px;}
table.timeline img {padding-top: 5px;}

/* factory buttons */
input.factoryFormButton, a.factoryLinkButton img {
	vertical-align: middle;
	border: 0;
	padding: 0;
}

/* changes for SAF 1554 */
.search form input {
	border: 1px solid #CCC;
	padding: 2px;
	background: #FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #666;
	vertical-align: middle;
}
.search form input.factoryFormButton {
	margin: 0px;
	border: 0px;
	padding: 0px;
}
.search form {
	width: 300px;
	margin-top: 5px;
	margin-right: 5px;
}
.magdownload {border: 1px solid #CCC; background: #F4F4F4; padding: 5px; margin-top: 10px; font-weight: bold; height: 94px;}
.magdownload .magleft {font: bold 11px Verdana, Arial, Helvetica, sans-serif; float: left; width: 500px;}
.magdownload a:link, .magdownload a:visited {border: 1px solid #CCC; background: #FFF url(images/download-arrow.gif) no-repeat left; padding: 3px 3px 5px 15px; font: bold 10px Verdana, Arial, Helvetica, sans-serif; float: right; color: #000; margin-left: 30px; text-decoration: none; width: 120px; text-align: center}
.magdownload a:hover {background: #CCC;}

.m-search {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	}