/* CSS Document */
/* A.Y. McDonald Mfg. Co. */

html {height:100%;}

body {
    text-align:center; /*Added to the body element to force IE to centre all content*/
    min-height:101%;/*Sets the minimum page height to greater than the window height to force Firefox to display vertical scrollbars, thereby preventing content jumping.*/
    /*font:62.5%/130% Verdana, Helvetica, sans-serif;*/
	/*This takes the default 16px down to 10px
	Verdana is the most readable, and readily available screen font in Windows.
    Helvetica most readable, and readily available screen font on Macintosh computers.*/
    color:#000; 
    background: #fff;
    width:990px; 
	margin:0 auto;
	font:12px/15px Verdana, Helvetica, sans-serif;
	
	
}
body * {text-align:left}


body { behavior: url("csshover3.htc"); } 

/* GLOBAL DEFAULTS & CSS Reset
========================================================================*/

ul, ol /*default styling*/
{
	margin: 5px 0 15px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}

ol
{
	display: block;
	list-style-position: inside; 
}

/* h1 sifr'd*/ 
h2 {font-size:12px; color: #90743c; font-weight:bold; text-transform: uppercase; margin:20px 0 -3px 0;}
h3 {font-size:10px; color: #1b3c37; font-weight:bold; text-transform: uppercase;}


a:link, a:active, a:visited  {color: #01743d; text-decoration:underline; font-weight:normal; }
a:hover {color: #339900; text-decoration:underline;}

/* SOFT used on Return to... links */
a.soft:link, a.soft:active, a.soft:visited  {color: #999999; text-decoration:underline; font-weight:normal; font-size:10px; }
a.soft:hover {color: #333333; text-decoration:underline;}

a.graylinks:link, a.graylinks:active, a.graylinks:visited  {color: #555; text-decoration:underline; font-weight:normal; }
a.graylinks:hover {color: #333333; text-decoration:underline;}


a:focus { outline: none;}



/* mailto: links */
a[href^="mailto:"] {
background:transparent url(../images/icon_email.gif) center left no-repeat;
display:inline-block;
color:#555;
padding-left:15px;
line-height:15px;
}

/* http: links */
a[href^="http:"] {
background:transparent url(../images/icon_http.gif) 0 3px no-repeat;
display:inline-block;
padding-left:15px;
line-height:15px;
}

/* mailto: links  - excludes email links that should not have an icon, such as buttons */
a[href^="mailto:"][class="noicon"] { background:none; display:inline-block;color:#555;padding-left:0px;line-height:15px;}

a[href^="http:"][class="noicon"] { background:none;padding-left:0px;line-height:15px;}




b {color:#555;}
b.big {font-size:12px; color: #90743c; font-weight:bold; text-transform: uppercase; margin:20px 0 -3px 0;}
b.notice { color: #996e17;font-weight:bold; padding:0px; text-align:center;font-weight:normal;}

img, img a:link, img a:visited, img a:hover, img a:visited:hover {border:0px;}

img.right {
	float:right;
	margin:2px;
	border:0px;
}

img.left {
	float:left;
	margin:2px;
	border:0px;
}

p, td, div
{	
	font-size: 11px;
	line-height: 15px;
	font-family: verdana, Helvetica, sans-serif;
	color: #555;
}

.small {font-size:10px; line-height:12px; color:#888;}



	  
/* STRUCTURAL MARKUP
========================================================================*/

#container
{
	float: left;
	margin: 5px auto 0;
	width: 990px;
	background:#fff;
	position:relative;
	
	
}

#header
{
	width: 990px;
	height: 231px;
	margin: 0px 0px 0px 0px;
	position:relative;
	border: 0px solid #000;
}

#headerhome
{
	width: 990px;
	height: 231px;
	margin: 0px 0px 0px 0px;
	position:relative;
	float:left;
}

#headerhome { display:none}

body#home #headerhome { display:inline;background: #ffffff url("../images/bg_home.jpg") no-repeat  0px 0px;}
body#home #header { display:none;}




#homeanimation 
{
	width:990px;
	height:192px;
	margin: 47px 0px 0px 0px;
	border: 0px solid #ff0000;
	z-index:0;
	
}
	

/* Calling the Section Headers */
body#industryinfo #header { background: #fff url("../images/bg_hd_industry.jpg") no-repeat  0px 0px; }
body#products #header { background: #fff url("../images/bg_hd_products.jpg") no-repeat  0px 0px; }
body#purchase #header { background: #fff url("../images/bg_hd_purchase.jpg") no-repeat  0px 0px; }
body#literature #header { background: #fff url("../images/bg_hd_literature.jpg") no-repeat  0px 0px; }
body#about #header { background: #fff url("../images/bg_hd_about.jpg") no-repeat  0px 0px; }
body#products #header { background: #fff url("../images/bg_hd_products.jpg") no-repeat  0px 0px; }
body#contactsec #header { background: #fff url("../images/bg_hd_contact.jpg") no-repeat  0px 0px; }




/* MISC. HEADER OBJECT STYLES*/


.numbers
{
	float: right;
	margin: 24px 7px 0px 0px;
	padding: 0px;
	color: #999999;
	position:relative;
	z-index:10;	
}



.logo { margin: 0px 0 0 130px;  position:absolute; z-index:700; border: 0px solid #ff0000; }



#contentcontainer /*this is holding everything below the header div */
{
	float:left;
	position:relative;
	width: 972px;
	margin: 0; 
	padding:10px 10px;
	background:#ffffff;
	border: 0px solid #0000ff;
	clear:both;
	
}


#navcol /*holds the top navigation */
{
	float: left;
	width: 990px;
	margin: 0px 0px 5px 0px;
	
}

#leftcol /*holds the top navigation */
{
	float: left;
	width: 160px;
	margin: 0px 0px 20px 0px;
	padding:5px;
	border:1px solid #ccc;
	
}


#maincol /*main content area */
{
	float: left;
	position:relative;
	width: 630px;
	min-height:400px;
	margin: 0px 5px 0px 5px;
	padding:5px;
	border:1px solid #ccc;
	
}

#content /*holds the content in maincol */
{
	margin: 20px 20px 10px;z-index:700;
	
}


#rightcol /*holds the top navigation */
{
	float: left;
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding:5px;
	border:1px solid #ccc;
	
}

.mainhead {background:#006142; color:#ffe4aa; width:610px; height:20px; padding:2px 0px 2px 20px; margin-left:0px; z-index:300;}


/* UNORDERED LISTS
========================================*/

#content  ul
{
	margin: 5px 0 5px 5px;
	padding: 0px 0 0 10px;
	list-style-type: none;
	display: block;
}


#content  ul li  /* basic lists in content area */
{ 
	background: url('../images/bullet.gif') no-repeat 5px 5px;
	padding-left: 15px;
	padding-bottom: 0px;
	position:relative;
}

ul.links li,
#content ul.links li,
#hmstatement ul.links li,
#hmnews ul.links li,
#rightcol ul.links li/* adds a special bullet for link lists */
{ 
	background: url('../images/bullet_arrow.gif') no-repeat 0 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	position:relative;
}

ul.linkssm li/* adds a special bullet for link lists */
{ 
	background: url('../images/bullet_arrow.gif') no-repeat 0 0px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin-left:-10px;
	margin-bottom:-10px;
	position:relative;
}

ul.linkshm li
/* adds a special bullet for homepage news */
{ 
	background: url('../images/bullet_arrow.gif') no-repeat 0 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	position:relative;
}


#content ul li.pdf
 /* adds a special bullet for link lists */
{ 
	background: url('../images/icon_pdf.gif') no-repeat 0px 3px;
	padding-left: 23px;
	padding-bottom: 0px;
	padding-top:5px;
	position:relative;
}

#rightcol ul li.pdf
 /* adds a special bullet for link lists in right column */
{ 
	background: url('../images/icon_pdf.gif') no-repeat 0px 3px;
	padding-left: 21px;
	padding-bottom: 0px;
	padding-top:5px;
	position:relative;
	margin-left:-15px;
}


#content ul.doublewide { width: 590px; margin: 0px 0 0px 6px; padding: 0px 0 0 0px;display:block;}
#content ul.doublewide li { float: left; width: 250px; margin: 0; padding: 0 20px 0 15px; background: url('../images/bullet.gif') no-repeat 5px 5px;}


#content ul.doublewidelinks { width: 590px; margin: 0px 0 0px 6px; padding: 0px 0 0 0px;display:block;}
#content ul.doublewidelinks li { float: left; width: 250px; margin: 0; padding: 0 20px 0 15px; background: url('../images/bullet_arrow.gif') no-repeat 5px 5px;}


#content ul li.nobullet /* removes bullet for lists */
{ 
	background: none;padding: 0 20px 0 10px;
}




/* MISC. CONTENT OBJECT STYLES
========================================*/

.pricelist
{
	float: left;
	border: 1px solid #ccc;
	padding: 4px 4px;
	margin: 0px 0px 25px 0px;
	
}


.carousel
{
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0px; 0px 0px 0px;
	width: 410px;
	
}


.gray /*on carosel*/
{
	background: #cccccc url(../images/gray.jpg) repeat-x;
	padding: 10px 20px;
	width: 365px;
	margin:5px 0px;
	position:relative;
}

 #homepromo 
{
	float: left;
	padding: 0px;
	margin: 0px 8px 0px 0px;
	width: 136px; height:160px;	
	background: #fff /*url(../images/ufr_moviebg.jpg) no-repeat*/;
} 
.ufrbtn 
{
	display:inline;border:0px solid #fff;float:left;
	
}


#modelsearch p,
#modelsearchint p
{
	font-size:10px;text-align:center;line-height:11px;margin:0px 5px 5px 5px;
	
}


/* original #modelsearchint
{
	float: left;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	width: 112px;
	text-align:center;	
}*/

#modelsearchint
{
	float: left;
	border: 1px solid #ccc;
	padding: 0px 5px 0px 7px;
	margin: 3px 0px 0px 20px;
	width: 220px;
	text-align:center;	
}


th {background:#dfe1e5;}

.productlist {border-bottom:3px solid #ccc;margin-bottom:5px;}




.callout { /*used on homepage*/
	color:#97772e;
	font-size:11px;
    line-height: 16px;
	font-weight:normal;
	font-family: Arial, "Helvetica", sans-serif;
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
}



.calloutbig {
	color:#97772e;
	font-size:15px;
	line-height: 18px;
	font-weight:normal;
	font-family: Arial, "Helvetica", sans-serif;
}

.caption { /*history page for captions*/
	color:#97772e;
	font-size:11px;
    line-height: 14px;
	font-weight:normal;
	padding-bottom:20px;
}



.latestnews {
	color:#333333;
	background: #cccccc;
	padding: 4px;
}

.red {color:#ff0000;}


/* COLUMNS IN CONTENT
========================================*/

.hmcontentleft /*main content area */
{
	float: left;
	width: 578px;
	margin: 0px 0px 0px 10px;
	border:0px solid #000;
	/*border-style: solid;
    border-color: #0000ff;*/
}



.hmcontentright /*main content area */
{
	float: left;
	width: 335px;
	margin: 15px 0px 0px 35px;
}

.contentfull /*main content area */
{
	position:relative;
	width: 760px;
	margin: 10px 0px 0px 0px;
	clear:both;
	
}
/* Out of the ordinary columns. These can be any width neccessary */

.wide { width: 500px; }
.narrow { width: 175px;}





/* FOOTER STYLES
========================================*/

#footer
{
	width: 970px;
	margin:0 0px 0 0px;
	border-top:1px solid #ccc;
	padding:10px;
	
}


#custservice
{
	float: left;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	font:10px/15px Verdana, Helvetica, sans-serif;
	color: #999999;
}



#contact
{
	float: right;
	text-align: right;
	margin: -2px 0px 0px 0px;
	padding: 0px;
	font:10px/15px Verdana, Helvetica, sans-serif;
	color: #999999;
}



/* NAVIGATION
========================================================================*/   

/*mainnavs css found in dropdown.css*/





/* MAIN NAVIGATION HIGHLIGHTS 
========================================*/
/*body.business dt.dtbusbank,
body.waterpark ul li.waterparkbtn a,
body.activity ul li.activitybtn a,
body.corp ul li.corporatebtn a,
body.dine ul li.dinebtn a

{ border-top:2px solid #c2d82e; margin-top:-2px; }*/



/* SIDE NAVIGATION
========================================*/

.secnav
{
	margin: 5px 0 20px 0;
	padding: 0px 0 20px 0;
	width: 160px;
	text-align:left;
}

.secnav ul
{
	margin: 0;
	padding: 0;	
	
}


.secnav ul li
{	
	margin: 0px 0 0px 0px;
	font-size: 11px;
	line-height: 13px;
	list-style: none;
	padding:2px 0 2px 0;
	border:0px;
	clear:both;
	border-bottom:1px solid #ccc;
	
	
}


.secnav ul li a:link,
.secnav ul li a:active,
.secnav ul li a:visited
{
	display:block;
	margin: 1px 0 0px 0;
	color: #006845;
	text-decoration: none;
	padding: 1px 10px 1px 15px;
	font-weight: bold;
}

.secnav ul li a:hover { color: #000; background:#eee;}




/* SIDE NAVIGATION HIGHLIGHTS 
========================================*/

body.pgindustryinfo ul li a.secindustryinfo,
body.pgpress ul li a.secpress,
body.pgtradeshows ul li a.sectradeshows,
body.pgfaqs ul li a.secfaqs,
body.pgrawpricing ul li a.secrawpricing,

body.pgabout ul li a.secabout,
body.pgcustomerservice ul li a.seccustomerservice,
body.pghistory ul li a.sechistory,
body.pgcontact ul li a.seccontact,
body.pgemployment ul li a.secemployment,
body.pglocations ul li a.seclocations,

body.pgliterature ul li a.secliterature,
body.pgpricelists ul li a.secpricelists,
body.pgbrochures ul li a.secbrochures,
body.pgnewsletters ul li a.secnewsletters,
body.pgposter ul li a.secposter,

body.pgorderform ul li a.secorderform,
body.pgdealerform ul li a.secdealerform,
body.pgfreight ul li a.secfreight,

body.pgproducts ul li a.secproducts,
body.pgproductcat ul li a.secproductcat,
body.pgproductnew ul li a.secproductnew,
body.pgproductbro ul li a.secproductbro,
body.pgpricefiles ul li a.secpricefiles,
body.pginstruction ul li a.secinstruction,
body.pgprez ul li a.secprez,
body.pgnafta ul li a.secnafta


{  background: #fff url(../images/nav_marker3.gif) no-repeat 5px 5px;}

	
	
/*submenu is set to display:none on all pages in stylesheet. Each page has a body class 
which is connected to the submenu classes below. For example, if I am on a "Business" page, 
the submenu class .subbusiness is set to display:block*/

.submenu { display: none;}

body#products .submenu.subproducts  { display: block;}
body#purchase .submenu.subpurchase  { display: block;}
body#literature .submenu.subliterature  { display: block;}
body#about .submenu.subabout { display: block;}
body#contactsec .submenu.subcontact  { display: block;}
body#industryinfo .submenu.subindustryinfo  { display: block;}
body#waterservice.submenu.subwaterservice  { display: block;}
body#pumps .submenu.subpumps  { display: block;}
body#plumbing .submenu.subplumbing  { display: block;}
body#gas .submenu.subgas  { display: block;}




/* FLOAT CLEAR FIX
========================================================================*/   

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* FORMS
========================================================================*/   



input, select, option {
	color: #333;
	font-weight: normal;
	background-color: #f1f1f1;
	border: 1px solid #999999;
	font-size: 11px;
	width: 130px;
	margin: 5px;

}

.checkbox {
	color: #999999;
	font-weight: normal;
	background-color: #f1f1f1;
	border: none;
	font-size: 11px;
	width: 20px;
	margin: 5px;

}

.submitbutton {
    border: none;
    width:55px;
    text-align:center;
    font-weight:bold;
    color:#006244;
    background: url('../images/submit1.jpg') repeat-x top left;
    padding: 2px 6px;
}
.submitbutton:hover {
    border: none;
    width:55px;
    text-align:center;
    font-weight:bold;
    color:#000;
    background: url('../images/submit2.jpg') repeat-x top left;
    padding: 2px 6px;
}


.smallfield {width: 85px;}

.widefield {width: 200px;}

.tallfield {
	height: 100px;
	width: 460px;
}

.modelinput {width: 100px;margin-bottom:-7px;}

.search {

	width: 104px;
	height: 11px;
	margin: 0px 0px 0px 0px;
	border:0;
} 



/* HOME PAGE STYLES
========================================*/

/*Product buttons*/

.prodbuttoncont
{ float:left;
  overflow:hidden; 
  width:133px;
  height:186px;
  margin:0px 4px;
  position:relative;
  border:0px solid #000;

}

.prodbutton
{
position:relative;
left:0px;
top:0px;

}

.prodbutton:hover
{ 
position:relative;
left:0px;
top:-186px;
}

.prodbtns {margin:0px 4px;float:left;}





/* Bigger Bullets 
========================================*/
.bigbutton a {
		display:block;
		width: 120px;
		text-align:center;
		color:#006244;
		text-transform:uppercase;
		margin: 12px; 
		padding: 3px 12px;
		font: bold 11px/1.2 sans-serif;
		background: url('../images/bullet_arrow.gif') no-repeat 0 0px;
		text-decoration: none;
		}
.bigbutton a:hover {
		color:#000;
		background: url('../images/bullet_arrow.gif') no-repeat 0 0px;
		}

		
.btmborderdiv {border-bottom:1px solid #ccc;}		
.btmborder td {border-bottom:1px solid #ccc;}
.shadedbg {background:#e3e5e9;padding:6px; margin:5px 0px;}

.prices span {margin-left:80px;}
.uploads span.filename {width:450px; }
.uploads span.filesize {width:80px;margin-left:30px; border:1px solid #000;}
.uploads span.updated {width:80px;border:1px solid #000;}



.active {
	background-position: right 12px;
}