/*
===========================================================
	TABLE OF CONTENTS
===========================================================
	1. RESET
	2. GRID
	3. TYPEOGRAPHY
		3.1. Font Faces
		3.2. Fonts & Phrases
	4. HELPERS
		4.1. Rounded Corners
			4.1.1. Ecommerce
			4.1.2. CSS3 Corners
		4.2. Finish Icons
		4.3. Buttons
			4.3.1. Blue
			4.3.2. Normal Green
			4.3.3. Short Green
			4.3.4. Grey
			4.3.5. Brown
			4.3.6. Simple
			4.3.7. Video Link
			4.3.8. Tab
		4.4. Borders
		4.5. Icons
			4.5.1. Left Aligned
			4.5.2. Right Aligned
			4.5.3. Country Flags
		4.6. Blue Bullets
		4.7  Zebra Striping
		4.8. Paginator
		4.9. Box Shadow
		4.10. Containers
	   	4.11. Breadcrumb Arrow
	5. UTILITIES
		5.1. Clearfix
		5.2. Fahrner's Image Replacement
	6. LAYOUTS
		6.1. Forms
		6.2. Masthead
			6.2.1. Branding
			6.2.2. Navigation
				6.2.2.1. Primary
				6.2.2.2. Secondary
				6.2.2.3. Tertiary
		6.3. Tertiary
		6.4. Site Information
		6.5. Homepage
		6.6. Login
		6.7. Tables
			6.7.1. Formed
			6.7.2. Simple
		6.8. Region Lang Selector
		6.9. Find Model Number
		6.10. Account
		6.11. Errors
		6.12. Sitemap
	7. UI
		7.1. Tooltip
		7.2. Slideshow
		7.3. Modal Window
		7.4. Lights
		7.5. Faucet Selector
			7.5.1. Buttons
			7.5.2. Intro
			7.5.3. Main
				7.5.3.1. Header
					7.5.3.2.1. Tabs
				7.5.3.2. Body
					7.5.3.2.1. Criteria
						7.5.3.2.1.1. Options
						7.5.3.2.1.2. Support
					7.5.3.2.2. Criteria Navigation
					7.5.3.2.3. Product Information
					7.5.3.2.4. Products
					7.5.3.2.4. Slider
				7.5.3.3. Footer
		7.6. Overlay
			7.6.1. Implementations
*/

/*********************************************************
	1. RESET
**********************************************************/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,q,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
:focus {outline: none;}
button{cursor:pointer;}
button::-moz-focus-inner{border:0;}

::selection {
	background-color: rgba(0, 169, 224, 0.84);
	color: #fff;
}

/*********************************************************
	2. GRID
**********************************************************/

.container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}

.grid-unit,
.gridded li {
	float: left;
	margin-left: 10px;
	margin-right: 0px;
}

.gridded li li {
	float: none;
	margin-left: 0;
	margin-right: 0;
}

.grid-unit.first,
.gridded li.first {
	margin-left: 0px;
}

.grid-unit.last,
.gridded li.last {
	margin-right: 0px;
}

.grid-unit.press-first {
	margin-left: 0px;
        margin-right: 5px;
}

.grid-unit.press-last {
	margin-right: 0px;
	margin-left: 0px;
	width: 609px;
}

.gridded li.last {
	clear: right;
}

.gridded li.first {
	clear: left;
}

.grid-unit.only {
	clear: both;
	margin-left: 0px;
	margin-right: 0px;
}

.zero,
.zeroed li,
.zeroed dd {
	margin-bottom: 0;
}

.quarter,
.quartered li,
.quartered dd {
	margin-bottom: 5px;
}

.quarterd li li {
	margin-bottom: 0px;
}

.half,
.halved li,
.halved dd {
	margin-bottom: 10px;
}

.halved li li {
	margin-bottom: 0px;
}

.single,
.singled li,
.singled dd {
	margin-bottom: 20px;
}

.single-w2b {
	margin-bottom: 7px;
}

.single-w2b {
	margin-bottom: 7px;
}

.singled li li {
	margin-bottom: 0px;
}

.double,
.doubled li,
.doubled dd {
	margin-bottom: 40px;
}

.doubled li li {
	margin-bottom: 0px;
}

.triple,
.tripled li,
.tripled dd {
	margin-bottom: 15px;
}

.trippled li li {
	margin-bottom: 0px;
}

/*********************************************************
	3. TYPEOGRAPHY
**********************************************************/

body {
	color: #717374;
	font-size: 12px;
	font-family: Arial, sans-serif;
	line-height: 135%;
}

.body_font {
	font-family: Arial, sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


p span.arrow_link {
	clear: left;
}

a,
.blue_font,
.arrow_link {
	color: #00a9e0;
}

a.arrow_link {
	background: transparent url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') 0 -21px no-repeat;
	padding: 0 0 0 10px;
}

.emphasized_container .arrow_link {
	font-weight: bold;
}

.cancel_link {
	margin: 10px;
}

.selected .arrow_link,
.selected .arrow_link a {
	color: #595959;
}

.green_font {
	color: #226b27;
}

p {
	margin-bottom: 1em;
}

p.float-left {
	height: 100%;
	margin-bottom: 0;
}

p span.arrow_link {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
.header-font {
	color: #5d5f60;
	line-height: 125%;
}

h1,
h2,
h3 {
	font-family: DINWebMedium, Arial, sans-serif;
}

h1.small,
h2.small,
h3.small,
h4,
h5,
h6 {
	font-family: Arial, sans-serif;
	font-weight: bold;
}

h1 {
	font-size: 2.5em;
	padding-bottom: 0.45em;
}

h1.section_title {
	border-bottom: 2px solid #999999;
	font-size: 24px;
	padding: 10px 0;
}

h1.small,
h2 {
	font-size: 2em;
	padding-bottom: 0;
}

h2.small {
	font-size: 1.05em;
	margin-bottom: 0.34em;
}

h2.x_small,
h3.small {
	font-size: 1.125em;
	margin-bottom: 0.34em;
}

h2.xx_small,
h3.x_small,
h4.small {
	font-size: 1.0em;
	margin-bottom: 0.34em;
}

#nav-primary h2 {
	font-size: 14px;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 0.4167em;
}

h4 {
	font-size: 1.167em;
	margin-bottom: 0.4167em;
}

h5 {
	font-size: 1.08em;
	margin-bottom: 0.27em;
}

h6 {
	font-size: 1em;
	margin-bottom: 0.25em;
}

h3.location-title,
h4.location-title {
	font-size: 2em;
	border-bottom: 2px solid #999;
	margin-bottom: 0.375em;
}

h3.page-title,
h4.page-title {
	font-size: 2em;
	margin-bottom: 0.3125em;
}

h3.paragraph-title,
h4.paragraph-title {
	font-size: 1.167em;
	margin-bottom: 0.4167em;
}

#page_title {
	width: 940px;
	font-size: 10px;
}

#page_title h1,
#page_title h2 {
	float: left;
}

#page_title h1 {
	font-size: 2.5em;
	margin-right: 1em;
	padding-right: 1em;
	padding-bottom: 0;
	padding-top: 0;
	border-right: 1px solid #c0c0c0;
	height: 1.25em;
}

#page_title h1.only {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

#page_title h2 {
	font-size: 2em;
	line-height: 1.6em;
}

#page_title p {
	font-size: 12px;
}

	/*********************************************************
		3.1. TYPEOGRAPHY | Font Faces
	**********************************************************/

	@font-face {
		font-family: 'DINWebRegular';
		src: url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb.eot');
		src: local('?'),
		     url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb.woff') format('woff');
	}

	@font-face {
		font-family: 'DINWebMedium';
		src: url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Medium.eot');
		src: local('?'),
		     url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Medium.woff') format('woff');
	}

	@font-face {
		font-family: 'DINWebBold';
		src: url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Bold.eot');
		src: local('?'),
		     url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Bold.woff') format('woff');
	}

	@font-face {
		font-family: 'DINWebLight';
		src: url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Light.eot');
		src: local('?'),
		     url('http://fr.moen.ca/enfr/assets/moencom/plugins/fonts/din/DINWeb-Light.woff') format('woff');
	}

	.type-regular {
		font-family: DINWebRegular, Arial, sans-serif;
	}

	.type-medium {
		font-family: DINWebMedium, Arial, sans-serif;
	}

	.type-bold {
		font-family: DINWebBold, Arial, sans-serif;
	}

	.type-light {
		font-family: DINWebLight, Arial, sans-serif;
	}

	/*********************************************************
		3.2. TYPEOGRAPHY | Fonts & Phrases
	**********************************************************/

	i,
	em,
	dfn,
	cite {
		font-style: italic;
	}

	b,
	strong,
	.bold {
		font-family: Arial, sans-serif;
		font-weight: bold;
	}

	.big {
		font-size: 1.667em;
	}

	.medium {
		font-size: 1.25em;
	}

	.small {
		font-size: .95em;
		line-height: 1.2em;
	}

	ul.small li {
		margin: 0.5em 0;
	}

	tt,
	code,
	var {
		font-family: monospace;
	}

	samp {}
	kbd {}
	var {}
	abbr {}
	acronym {}

	sup {
		font-size: 0.7em;
		line-height: 100%;
		color: #999;
		vertical-align: top;
	}

	sub {
		font-size: 0.7em;
		line-height: 100%;
		color: #999;
		vertical-align: bottom;
	}

	del {
		text-decoration: line-through;
	}

	.capitalize {
		text-transform: capitalize;
	}
	.capitalize span {
		text-transform: none;
	}

	.uppercase {
		text-transform: uppercase;
	}

	.lowercase {
		text-transform: lowercase;
	}

	.left {
		text-align: left;
	}

	.center {
		text-align: center;
	}

	.right {
		text-align: right;
	}

	.underline {
		text-decoration: underline;
	}

	.mark {
		font-size: 60%;
		line-height: 100%;
		color: #999;
		font-weight: normal;
		vertical-align: top;
	}

	.error {
		color: #d00;
		font-weight: bold;
	}

/*********************************************************
	4. HELPERS
**********************************************************/

body.busy {
	cursor: wait;
}

.embeded_video,
.flv_video {
	text-align: center;
}

.grey_font,
.note {
	color: #777;
}

.note {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
}

ul.indented-list,
ul.bulleted-list,
ol.decimal,
ol.lower-roman {
	margin-bottom: 10px;
}

ul.indented-list li,
ul.bulleted-list li,
ol.decimal li,
ol.lower-alpha li,
ol.upper-alpha li,
ol.lower-roman li,
ol.upper-roman li {
	margin-left: 3em;
	padding-left: 0em;
}

ul.bulleted-list li {
	list-style-type: disc;
}

ol.decimal li {
	list-style-type: decimal;
}

ol.lower-roman li {
	list-style-type: lower-roman;
}

ol.upper-roman li {
	list-style-type: upper-roman;
}

ol.lower-alpha li {
	list-style-type: lower-alpha;
}

ol.upper-alpha li {
	list-style-type: upper-alpha;
}

a:focus {
	outline: none;
	border: 0;
}

img {
	line-height: 0;
}

.aural {
	display: none;
}

body.js .no_js_message {
	display: none;
}

body.js .flash_notice {
	display: none;
}

.float-left,
.floated-left li {
	float: left;
}

ul.float-left li {
	float: left;
}

ul.float-right li {
	float: right;
}

ul.float-right.floated-left li {
	float: left;
}

ul.float-left li.float-right {
	float: right;
}

ul.float-right li.float-left {
	float: left;
}

.float-right {
	float: right;
}

a.float-left img,
img.float-left {
	margin-right: 10px;
}

a.float-right img,
img.float-right {
	margin-left: 10px;
}

	/*********************************************************
		4.1. HELPERS | Rounded Corners
	**********************************************************/

		/*********************************************************
			4.1.1. HELPERS | Rounded Corners | Ecommerce
		**********************************************************/

			.corners {
				position: relative;
			}
			.corners span.top-left,
			.corners span.top-right,
			.corners span.bottom-left,
			.corners span.bottom-right {
				display: block;
				background-image: url('http://www.moen.ca/assets/moencom/images/common/rounded_corners.png');
				height: 6px;
				width: 50%;
				float: left;
				overflow: visible;
			}

			.corners span.top-left {
				background-position: top left;
			}

			.corners span.top-right {
				background-position: top right;
			}

			.corners span.bottom-left {
				background-position: bottom left;
			}

			.corners span.bottom-right {
				background-position: bottom right;
			}

			.corners .content {
				padding: 20px;
				border: 1px #d8d8d8 solid;
				border-style: none solid;
			}

		/*********************************************************
			4.1.2. HELPERS | Rounded Corners | CSS3 Corners
		**********************************************************/

		.rounded {
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

	/*********************************************************
		4.2. HELPERS | Finish Icons
	**********************************************************/

	span.finish.small,
	div.finish.small {
		height: 22px;
		width: 22px;
	}

	span.finish.x_small,
	div.finish.x_small {
		height: 16px;
		width: 16px;
		background-position: -2px -822px
	}

	.finish a {
		display: block;
	}

	span.finish.small a,
	div.finish.small a {
		height: 18px;
		width: 18px;
		border: 2px solid #efefef;
	}

	span.finish.x_small a,
	div.finish.x_small a {
		height: 14px;
		width: 14px;
		border: 1px solid #efefef;
	}

	span.finish.small.selected a,
	div.finish.small.selected a,
	span.finish.small a:hover,
	div.finish.small a:hover {
		border: 2px solid #888;
	}

	span.finish.x_small.selected a,
	div.finish.x_small.selected a,
	span.finish.x_small a:hover,
	div.finish.x_small a:hover {
		border: 1px solid #888;
	}

	span.finish,
	div.finish {
		display: block;
		background: transparent url('http://fr.moen.ca/img/moen/FR_161341.jpg') no-repeat left -820px;
		overflow: hidden;
	}

	span.finish.antique-bronze,
	div.finish.antique-bronze {
		background-position: left 0px;
	}

	span.ms_finish.ms-antique-bronze,
	div.ms_finish.ms-antique-bronze {
		background-position: left 0px;
	}

	span.finish.antique-nickel,
	div.finish.antique-nickel {
		background-position: left -20px;
	}

	span.finish.ms-antique-nickel,
	div.finish.ms-antique-nickel {
		background-position: left -20px;
	}

	span.finish.ms-autumn,
	div.finish.ms-autumn {
		background-position: left -20px;
	}

	span.finish.black,
	div.finish.black {
		background-position: left -40px;
	}

	span.finish.ms-black,
	div.finish.ms-black {
		background-position: left -40px;
	}

	span.finish.brushed-bronze,
	div.finish.brushed-bronze {
		background-position: left -60px;
	}

	span.finish.ms-brushed-bronze,
	div.finish.ms-brushed-bronze {
		background-position: left -60px;
	}

	span.finish.brushed-chrome,
	div.finish.brushed-chrome {
		background-position: left -80px;
	}

	span.finish.brushed-nickel,
	div.finish.brushed-nickel {
		background-position: left -100px;
	}

	span.finish.ms-brushed-nickel,
	div.finish.ms-brushed-nickel {
		background-position: left -100px;
	}

	span.finish.brushed-stainless,
	div.finish.brushed-stainless {
		background-position: left -120px;
	}

	span.finish.chrome,
	div.finish.chrome {
		background-position: left -140px;
	}

	span.finish.ms-chrome,
	div.finish.ms-chrome {
		background-position: left -140px;
	}

	span.finish.polished-stainless,
	div.finish.polished-stainless {
		background-position: left -140px;
	}

	span.finish.classic-brushed-nickel,
	div.finish.classic-brushed-nickel {
		background-position: left -160px;
	}

	span.finish.classic-stainless,
	div.finish.classic-stainless {
		background-position: left -180px;
	}

	span.finish.glacier-white,
	div.finish.glacier-white {
		background-position: left -200px;
	}

	span.finish.glacier,
	div.finish.glacier,
	span.finish.white,
	div.finish.white {
		background-position: left -200px;
	}

	span.finish.ivory,
	div.finish.ivory,
	span.finish.bone,
	div.finish.bone {
		background-position: left -220px;
	}

	span.finish.matte-black,
	div.finish.matte-black {
		background-position: left -240px;
	}

	span.finish.nickel,
	div.finish.nickel {
		background-position: left -260px;
	}

	span.finish.bronze,
	div.finish.bronze,
	span.finish.oil-rubbed-bronze,
	div.finish.oil-rubbed-bronze {
		background-position: left -280px;
	}

	span.finish.ms-oil-rubbed-bronze,
	div.finish.ms-oil-rubbed-bronze {
		background-position: left -280px;
	}

	span.finish.old-world-bronze,
	div.finish.old-world-bronze {
		background-position: left -300px;
	}

	span.finish.ms-paintable,
	div.finish.ms-paintable {
		background-position: left -300px;
	}

	span.finish.pewter,
	div.finish.pewter {
		background-position: left -320px;
	}

	span.finish.platinum,
	div.finish.platinum {
		background-position: left -340px;
	}

	span.finish.brass,
	div.finish.brass,
	span.finish.polished-brass,
	div.finish.polished-brass {
		background-position: left -360px;
	}

	span.finish.satin,
	div.finish.satin {
		background-position: left -380px;
	}

	span.finish.stainless,
	div.finish.stainless {
		background-position: left -400px;
	}

	span.finish.ms-white,
	div.finish.ms-white {
		background-position: left -420px;
	}

	span.finish.wrought-iron,
	div.finish.wrought-iron {
		background-position: left -420px;
	}

	span.finish.ms-rouge,
	div.finish.ms-rouge {
		background-position: left -420px;
	}

	span.finish.acrylic,
	div.finish.acrylic {
		background-position: left -440px;
	}

	span.finish.antique-brass,
	div.finish.antique-brass {
		background-position: left -460px;
	}

	span.finish.brushed-platinum,
	div.finish.brushed-platinum {
		background-position: left -480px;
	}

	span.finish.classic-gold,
	div.finish.classic-gold {
		background-position: left -500px;
	}

	span.finish.paintable,
	div.finish.paintable {
		background-position: left -520px;
	}

	span.finish.copper,
	div.finish.copper {
		background-position: left -540px;
	}

	span.finish.hammered-nickel,
	div.finish.hammered-nickel {
		background-position: left -560px;
	}

	span.finish.matte-pewter,
	div.finish.matte-pewter {
		background-position: left -580px;
	}

	span.finish.oak-wood,
	div.finish.oak-wood {
		background-position: left -600px;
	}

	span.finish.pebble-cream,
	div.finish.pebble-cream {
		background-position: left -620px;
	}

	span.finish.peened,
	div.finish.peened {
		background-position: left -640px;
	}

	span.finish.sand,
	div.finish.sand {
		background-position: left -680px;
	}

	span.finish.satin-nickel,
	div.finish.satin-nickel {
		background-position: left -700px;
	}

	span.finish.satin-stainless,
	div.finish.satin-stainless {
		background-position: left -720px;
	}

	span.finish.satine,
	div.finish.satine {
		background-position: left -740px;
	}

	span.finish.tuscan-bronze,
	div.finish.tuscan-bronze {
		background-position: left -760px;
	}

	span.finish.black-opal,
	div.finish.black-opal {
		background-position: left -780px;
	}

	span.finish.porcelain,
	div.finish.porcelain {
		background-position: left -800px;
	}

	span.finish.brown,
	div.finish.brown {
		background-position: left -820px;
	}

	span.finish.red,
	div.finish.red {
		background-position: left -840px;
	}

	span.finish.na,
	div.finish.na {
		background-position: left -860px;
	}

	span.finish.brushed-platinum-chrome,
	div.finish.brushed-platinum-chrome {
		background-position: left -900px;
	}

	span.finish.nickel-matte-black,
	div.finish.nickel-matte-black {
		background-position: left -920px;
	}

	span.finish.brushed-nickel-white,
	div.finish.brushed-nickel-white {
		background-position: left -940px;
	}

	span.finish.platinum-polished-brass,
	div.finish.platinum-polished-brass {
		background-position: left -960px;
	}

	span.finish.chrome-polished-brass,
	div.finish.chrome-polished-brass {
		background-position: left -980px;
	}

	span.finish.platinum-chrome,
	div.finish.platinum-chrome {
		background-position: left -1000px;
	}

	span.finish.satine-ivory,
	div.finish.satine-ivory {
		background-position: left -1020px;
	}

	span.finish.satine-polished-brass,
	div.finish.satine-polished-brass {
		background-position: left -1040px;
	}

	span.finish.porcelain-polished-brass,
	div.finish.porcelain-polished-brass {
		background-position: left -1060px;
	}

	span.finish.chrome-satin-chrome,
	div.finish.chrome-satin-chrome {
		background-position: left -1080px;
	}

	span.finish.porcelain-chrome,
	div.finish.porcelain-chrome,
	span.finish.chrome-porcelain,
	div.finish.chrome-porcelain {
		background-position: left -1100px;
	}

	span.finish.glacier-chrome,
	div.finish.glacier-chrome {
		background-position: left -1120px;
	}

	span.finish.chrome-sand,
	div.finish.chrome-sand {
		background-position: left -1140px;
	}

	span.finish.chrome-white,
	div.finish.chrome-white {
		background-position: left -1160px;
	}

	span.finish.classic-stainless-matte-black,
	div.finish.classic-stainless-matte-black {
		background-position: left -1180px;
	}

	span.finish.porcelain-copper,
	div.finish.porcelain-copper {
		background-position: left -1200px;
	}

	span.finish.glacier-pebble,
	div.finish.glacier-pebble {
		background-position: left -1220px;
	}

	span.finish.brushed-nickel-ivory,
	div.finish.brushed-nickel-ivory {
		background-position: left -1240px;
	}

	span.finish.polished-brass-cherry-wood,
	div.finish.polished-brass-cherry-wood {
		background-position: left -1260px;
	}

	span.finish.classic-gold-pebble-cream,
	div.finish.classic-gold-pebble-cream {
		background-position: left -1280px;
	}

	span.finish.chrome-brushed-chrome,
	div.finish.chrome-brushed-chrome {
		background-position: left -1300px;
	}

	span.finish.mediterranean-brushed-bronze,
	div.finish.mediterranean-brushed-bronze {
		background-position: left -1320px;
	}

	span.finish.mediterranean-bronze,
	div.finish.mediterranean-bronze {
		background-position: left -1320px;
	}

	span.finish.spot-resist-brushed-nickel,
	div.finish.spot-resist-brushed-nickel {
		background-position: left -1340px;
	}

	span.finish.spot-resist-stainless,
	div.finish.spot-resist-stainless {
		background-position: left -1360px;
	}

	span.finish.spot-resist-stainless-softgrip,
	div.finish.spot-resist-stainless-softgrip {
		background-position: left -1380px;
	}

	/*********************************************************
		4.2.1 HELPERS | Finish Icons Mirrorscapes
	**********************************************************/

	.mirrorscapes_finish {
		display: block;
		overflow: hidden;
	}


	.mirrorscapes_finish a {
		display: block;
		height: 72px;
		width: 72px;
		border: 1px solid #efefef;
		padding: 1px;
	}

	.mirrorscapes_finish.selected a,
	.mirrorscapes_finish a:hover {
		border: 2px solid #888;
		padding: 0px;
	}

	/*********************************************************
		4.2.2 HELPERS | Finish Icons Mirrorscapes Service Kit
	**********************************************************/

	.mirrorscapes_service_kits_finish {
		display: block;
		overflow: hidden;
		height: 36px;
		width: 36px;
		float: left;
		clear: left;
		margin-bottom: 8px;
		margin-right: 8px;
	}

	.finish-description {
		width: 320px;
		float: left;
		clear: right;
	}

	.mirrorscapes_service_kits_finish a {
		display: block;
		height: 32px;
		width: 32px;
		border: 1px solid #efefef;
		padding: 1px;
	}

	.mirrorscapes_service_kits_finish.selected a,
	.mirrorscapes_service_kits_finish a:hover {
		border: 2px solid #888;
		padding: 0px;
	}

	div.mirrorscapes_service_kits_finish.black {
		background-color: #000;
	}

	div.mirrorscapes_service_kits_finish.chrome {
		background-color: #9c9c9c;
	}

	div.mirrorscapes_service_kits_finish.gold {
		background-color: #aca37a;
	}

	div.mirrorscapes_service_kits_finish.nickel {
		background-color: #b2aea5;
	}

	div.mirrorscapes_service_kits_finish.oil-rubbed-bronze {
		background-color: #5d2f22;
	}

	div.mirrorscapes_service_kits_finish.white {
		background-color: #fdfbfc;
	}

	/*********************************************************
		4.3. HELPERS | Buttons
	**********************************************************/

	.button {
		cursor: pointer;
	}

	button.text {
		background:transparent none repeat scroll 0 0;
		border: 0;
		display:inline;
		font-size:inherit;
		line-height:inherit;
		padding: 0;
		color: #264f86;
		cursor: pointer;
		text-align: left;
	}

	button.text a:hover {
		text-decoration: underline;
	}

	ul.buttons li {
		float: left;
	}

	a.button,
	button.button,
	span.button {
		font-family: DINWebBold, Arial, sans-serif;
	}

	a.button,
	a.button span.wrap,
	span.button,
	span.button span.wrap,
	ul.buttons a,
	ul.buttons a span.wrap,
	button.button,
	button.button span,
	button.button span.wrap {
		background: transparent url('http://www.moen.ca/assets/moencom/images/common/button/generic_rb.png') no-repeat;
		text-decoration: none;
	}

	a.button,
	span.button,
	ul.buttons a,
	button.button {
		color: #fff;
		line-height: 21px;
		font-size: 11px;
		text-shadow: 0 -1px 1px #777;
		text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.35);
		background-position: right 0;
		height: 21px;
		display: inline-block;
		padding: 0 3px 0 0;
	}

	a.button:hover,
	ul.buttons a:hover {
		text-decoration:none;
	}

	a.button.last,
	ul.buttons a.last {
		margin-right: 0;
	}

	a.button span.wrap,
	span.button span.wrap,
	ul.buttons a span.wrap,
	button.button span.wrap,
	button.button span {
		background-position: left 0;
		display: block;
		padding: 0 10px 0 13px;
		height: 25px; /* new */
		line-height: 23px; /* new */
	}

	button.button {
		border: 0;
		padding: 0 3px 0 0;
		width: auto;
	}

	button.button::-moz-focus-inner {
		padding-right: 0;
	}

	button.button span {
		display: block;
		position: relative;
		white-space: nowrap;
	}

		/*********************************************************
			4.3.1. HELPERS | Buttons | Blue
		**********************************************************/

		a.button.blue,
		ul.buttons.blue a,
		button.button.blue{
			background-position: right 0;
		}

		a.button.blue:hover,
		ul.buttons.blue a:hover,
		button.button.blue:hover {
			background-position: right -22px;
		}

		a.button.blue:hover span.wrap,
		ul.buttons.blue a:hover span.wrap,
		button.button.blue:hover span.wrap {
			background-position: left -22px;
		}

		/*********************************************************
			4.3.2. HELPERS | Buttons | Normal Green
		**********************************************************/

		a.button.green,
		span.button.green,
		ul.buttons.green a,
		button.button.green {
			font-size: 13px;
			line-height: 24px;
			background-position: right -45px;
			height: 24px;
		}

		a.button.green span.wrap,
		span.button.green span.wrap,
		ul.buttons.green a span.wrap,
		button.button.green span.wrap {
			background-position: left -45px;
		}

		a.button.green:hover,
		span.button.green:hover,
		ul.buttons.green a:hover,
		button.button.green:hover {
			background-position: right -70px;
		}

		a.button.green:hover span.wrap,
		span.button.green:hover span.wrap,
		ul.buttons.green a:hover span.wrap,
		button.button.green:hover span.wrap {
			background-position: left -70px;
		}

		/*********************************************************
			4.3.3. HELPERS | Buttons | Short Green
		**********************************************************/

		a.button.green_short,
		ul.buttons.green_short a,
		button.button.green_short {
			font-size: 12px;
			line-height: 21px;
			background-position: right -96px;
			height: 21px;
		}

		button.button.green_short span {
			line-height: 19px;
			height: 21px;
		}

		a.button.green_short span.wrap,
		ul.buttons.green_short a span.wrap,
		button.button.green_short span {
			background-position: left -96px;
		}

		button.button.green_short span {
			background-position: left -95px;
		}

		a.button.green_short:hover,
		ul.buttons.green_short a:hover,
		button.button.green_short:hover {
			background-position: right -117px;
		}

		a.button.green_short:hover span.wrap,
		ul.buttons.green_short a:hover span.wrap,
		button.button.green_short:hover span {
			background-position: left -117px;
		}

		button.button.green_short:hover span {
			background-position: left -116px;
		}

		/*********************************************************
			4.3.4. HELPERS | Buttons | Grey
		**********************************************************/

		a.button.grey,
		ul.buttons.grey a,
		button.button.grey {
			color: #1c3d73;
			font-size: 11px;
			font-weight: normal;
			line-height: 20px;
			text-shadow: none;
			background-position: right -138px;
			height: 20px;
		}

		button.button.grey span {
			line-height: 19px;
		}

		a.button.grey:hover,
		ul.buttons.grey a:hover,
		button.button.grey:hover {
			text-decoration: underline;
		}

		a.button.grey span.wrap,
		ul.buttons.grey a span.wrap,
		button.button.grey span {
			height: 20px;
			background-position: left -138px;
		}


		/*********************************************************
			4.3.5. HELPERS | Buttons | Brown
		**********************************************************/

		.brown-button {
			float: left;
			height: 20px;
			line-height: 20px;
			font-weight: bold;
			font-size: 11px;
			overflow: hidden;
		}

		.brown-button a {
			color: #fff;
			display: block;
		}

		.brown-button a:hover {
			text-decoration: none;
		}

		.brown-button span.left {
			display: block;
			background: transparent url('http://www.moen.ca/assets/moencom/images/common/brown-button.png') no-repeat top left;
		}

		.brown-button span.left span {
			display: block;
			background: transparent url('http://www.moen.ca/assets/moencom/images/common/brown-button.png') no-repeat top right;
			margin-left: 18px;
			padding-right: 12px;
		}

		.brown-button a:hover span.left {
			background-position: 0px -20px;
		}

		.brown-button span:hover.left {
			background-position: left -20px;
		}

		.brown-button span:hover.left span {
			background-position: right -20px;
		}

		.brown-button a:hover span.left span {
			background-position: right -20px;
		}

		.brown-button span.left span input {
			border: 0;
			background: transparent;
			font-size: 11px;
			font-weight: bold;
			color: #fff;
			height: 20px;
		}

		/*********************************************************
			4.3.6. HELPERS | Buttons | Simple
		**********************************************************/

		.simple-button {
			float: left;
			line-height: 20px;
			font-size: 0.9166em;
			background: #ccc;
		}

		.simple-button a {
			display: block;
			color: #FFF;
			background: url(http://www.moen.ca/assets/moencom/images/common/simple-button.png) no-repeat left -20px;
		}

		.simple-button a:hover {
			background-color: #999;
			text-decoration: none;
		}

		.simple-button a span {
			display: block;
			padding: 0 20px;
			background: url(http://www.moen.ca/assets/moencom/images/common/simple-button.png) no-repeat right 0px;
		}

		/*********************************************************
			4.3.7. HELPERS | Buttons | Video Link
		**********************************************************/

		a.video_link {
			display: block;
			float: left;
			position: relative;
		}

		a.video_link .hover {
			height: 100%;
			width: 100%;
			display: block;
			position: absolute;
			top: 0;
			left: 0;
		}

		a.video_link:hover .hover {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons/video_small.png) no-repeat center center;
		}

		/*********************************************************
			4.3.8. HELPERS | Buttons | Tab
		**********************************************************/

		ul.ui-tabs-nav {
			height: 32px;
		}

		ul.ui-tabs-nav li,
		a.tab {
			height: 27px;
			float: left;
			margin: 0 5px 0 -5px;
			padding: 5px 5px 0 5px;
			overflow: hidden;
		}

		ul.ui-tabs-nav a,
		a.tab .wrap {
			font-size: 13px;
			line-height: 27px;
			text-align: center;
			display: block;
			height: 27px;
			margin-bottom: -1px;
			padding: 0 9px;
			-moz-box-shadow: 0px 0px 5px #aaa;
			-webkit-box-shadow: 0px 0px 5px #aaa;
			box-shadow: 0px 0px 5px #aaa;
		}

		ul.ui-tabs-nav .ui-state-active {
			position: relative;
		}

		ul.ui-tabs-nav .ui-state-active a {
			color: #595959;
			font-size: 14px;
			font-weight: normal;
			background-color: #fff;
		}

		ul.ui-tabs-nav .ui-state-disabled a,
		ul.ui-tabs-nav .ui-state-disabled a:hover {
			color: #999;
			font-weight: normal;
			cursor: default;
		}

		.ui-tabs-hide {
			display: none;
		}

	/*********************************************************
		4.4. HELPERS | Borders
	**********************************************************/

	.solid-top {
		padding-top: 20px;
		border-top: 1px solid #a4a4a4;
	}

	.solid-right {
		padding-right: 20px;
		border-right: 1px solid #a5a5a5;
	}

	.solid-bottom {
		border-bottom: 1px solid #a4a4a4;
		padding-bottom: 20px;
	}

	.solid-left {
		padding-left: 20px;
		border-left: 1px solid #a5a5a5;
	}

	.dotted-top {
		padding-top: 20px;
		border-top: 1px dotted #a4a4a4;
	}

	.dotted-right {
		padding-right: 20px;
		border-right: 1px dotted #a5a5a5;
	}

	.dotted-bottom {
		border-bottom: 1px dotted #a4a4a4;
		padding-bottom: 15px;
	}

	.dotted-left {
		padding-left: 20px;
		border-left: 1px dotted #a5a5a5;
	}

	.red-bottom {
		border-bottom: 2px solid #bd6a6b;
	}

	.green-bottom {
		border-bottom: 2px solid #b4caad;
	}

	.grey-bottom {
		border-bottom: 2px solid #bdbdbd;
	}

	/*********************************************************
		4.5. HELPERS | Icons
	**********************************************************/

	.icon,
	.icon-left,
	.icon-right {
		background: transparent url('http://www.moen.ca/assets/moencom/images/common/icons_rb.png') no-repeat 0 0;
	}

	.icon {
		display: block;
		height: 16px;
		width: 16px;
		margin: 0 4px 0 4px;
	}

	.icon-left,
	.tab span.icon-left {
		padding-left: 24px;
		padding-bottom: 3px;
	}

	.icon-right {
		padding-right: 19px;
		padding-bottom: 3px;
	}

	ul.checked li, .check {
		background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons_rb.png) no-repeat 0 -450px;
		padding-left: 24px;
	}

		/*********************************************************
			4.5.1. HELPERS | Icons | Left Aligned
		**********************************************************/

		.icon-left.acrobat,
		.acrobat {
			background-position: left -320px;
		}

		.close {
			background-position: right -32px;
		}

		.back_to_top {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons_rb.png) no-repeat left -481px;
			padding-left: 24px;
			padding-bottom: 1px;
		}

		.collapse {
			background-position: 0 -160px;
		}
		.tab .collapse {
			background-position: 6px -153px;
		}

		.collapse-dark {
			background-position: 0 -225px;
			margin: 0 8px 0 0;
		}

		.email {
			background-position: 0 -288px;
		}

		.expand {
			background-position: 0 -128px;
		}
		.tab .expand {
			background-position: 6px -121px;
		}

		.expand-dark {
			background-position: 0 -192px;
			margin: 0 8px 0 0;
		}

		.print {
			background-position: 0 -256px;
		}

		.save {
			background-position: 0 -352px;
		}

		.window {
			background-position: -48px 0;
		}

		.zoom {
			background-position: 0 -384px;
		}

		/*********************************************************
			4.5.2. HELPERS | Icons | Right Aligned
		**********************************************************/

		.icon-right.acrobat {
			background-position: right -318px;
		}

		.icon-right.word {
			background-position: right -514px;
		}

		.excel {
			background-position: right -417px;
		}

		.external {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons_rb.png) no-repeat right -96px;
			padding-right: 24px;
			padding-bottom: 1px;
		}

		.tip {
			background: none;
		}

		body.js .tip {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons_rb.png?v2) no-repeat right 0;
			display: inline-block;
		}

		.word {
			background-position: 0 -514px;
		}

		/*********************************************************
			4.5.3. HELPERS | Icons | Country Flags
		**********************************************************/
		.country-icons ul li{
			width: 100px;
		}

		.country-icon.US {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/flags.png) no-repeat left 2px;
		}

		.country-icon.CA {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/flags.png) no-repeat left -31px;
		}

		.country-icon.MX {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/flags.png) no-repeat left -64px;
		}

		.country-icon.IN {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/flags.png) no-repeat left -97px;
		}

		.country-icon.CN {
			background: transparent url(http://www.moen.ca/assets/moencom/images/common/flags.png) no-repeat left -130px;
		}

	/*********************************************************
		4.6. HELPERS | Blue Bullets
	**********************************************************/

	ol.blue_bulleted {}

	ol.blue_bulleted li {
		min-height: 38px;
	}

	ol.blue_bulleted .bullet {
		color: #fff;
		font-size: 23px;
		line-height: 38px;
		text-align: center;
		background: transparent url(http://www.moen.ca/assets/moencom/images/common/icons/blue_bullet.png) no-repeat 0 0;
		height: 38px;
		width: 38px;
		display: block;
		float: left;
		margin-right: 10px;
	}

	ol.blue_bulleted .content {
		float: left;
	}

	/*********************************************************
		4.7. HELPERS | Zebra Striping
	**********************************************************/

	ul.zebra_striped li.even,
	table.zebra_striped tr.even {
		background: #efefef;
	}

	table tr.top th, table tr.top td {
		vertical-align: top;
	}

	/*********************************************************
		4.8. HELPERS | Paginator
	**********************************************************/

	.pager {
		font-size: 11px;
		line-height: 12px;
	}

	.pager span.results-number-of {
		padding-right: 1em;
	}

	.pager {
		font-size: 11px;
	}

	.pager li {
		border-right: 1px solid #ddd;
		float: left;
		padding: 0 6px 0 6px;
	}

	.pager li.last {
		border: 0;
	}

	body.js .paginator-sort-by-submit {
		display: none;
	}

	body#gallery .paginator-sort-by-form {
		margin-top: 19px;
	}

	.paginator-sort-by-form,
	.paginator-pages {
		float: right;
	}

	/*********************************************************
		4.9. HELPERS | Box shadow
	**********************************************************/

	.shadowed {
		-moz-box-shadow: 0px 0px 5px #aaa;
		-webkit-box-shadow: 0px 0px 5px #aaa;
		box-shadow: 0px 0px 5px #aaa;
		background-color: #fff;
	}

	/*********************************************************
		4.10. HELPERS | Containers
	**********************************************************/

	.ordinary_container,
	.emphasized_container {
		padding: 18px;
	}

	.ordinary_container {}

	.emphasized_container {
		background-color: #efefef;
	}

	.bordered_container,
	.emphasized_container {
		border: 8px solid #fff;
	}

	.skinny_container {
		padding: 9px;
	}

	/*********************************************************
		4.11. Breadcrumb Arrow
	**********************************************************/

	.breadcrumb-arrow {
		background: #fff url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') 0 -113px no-repeat;
		width: 12px;
		height: 10px;
		display: inline-block;
		margin: 0 4px;
	}

/*********************************************************
	5. UTILITIES
**********************************************************/

	/*********************************************************
		5.1. UTILITIES | Clearfix
	**********************************************************/

	body .clear {
		clear: both;
	}

	ul.clear li{
		clear: both;
	}

	html body .clear-left {
		clear: left;
	}

	html body .clear-right {
		clear: right;
	}

	div.clear,
	span.clear {
		background: none;
		border: 0;
		display: block;
		float: none;
		font-size: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}

	.clearfix:after,
	.clearfixed li:after {
		clear: both;
		content: '.';
		display: block;
		visibility: hidden;
		height: 0;
	}

	.clearfix,
	.clearfixed li {
		display: inline-block;
	}

	* html .clearfix,
	* html .clearfixed li {
		height: 1%;
	}

	.clearfix,
	.clearfixed li {
		display: block;
	}

	/*********************************************************
		5.2. HELPERS | Fahrner's Image Replacement
	**********************************************************/

	.fir {
		display: block;
	}

	.fir a {
		height: 100%;
		width: 100%;
		display: block;
	}

	.fir span {
		display: none;
	}

	.fir-list li span {
		display: block;
		text-indent: -500em;
	}

	.fir-list li.exclude span {
		text-indent: 0;
	}

/*********************************************************
	6. LAYOUTS
**********************************************************/


	html {
		width: 100%;
	}

	html.popup {
		background: none;
	}

	#content {
		margin-top: 15px;
	}

	body.closed #content {
		margin-top: 0;
	}

.bottom-one {
		padding-bottom: 1px;
}

.top-one {
		padding-top: 1px;
}

.top-two {
		padding-top: 2px;
}

	/*********************************************************
		6.1. LAYOUTS | Forms
	**********************************************************/

		form {}

		body.js input {
			color: #999;
		}

		input,
		select,
		textarea {
			border: 1px solid #d6d6d6;
			padding: 2px;
		}

		input.hidden {
			display: none;
			border: 0;
		}

		body.js .input-text-focus {
			color: #333;
		}

		label {
			cursor: pointer;
		}

		select {
			padding: 2px 3px;
			color: #717374;
		}

		form.single-line {
			height: 30px;
		}

		form.single-line input.text {
			padding: 2px 7px;
		}

		form.single-line input.submit {
			display: block;
			background: transparent url('http://www.moen.ca/assets/moencom/images/common/button/generic_rb.png') no-repeat 0 -247px;
			border: 0;
			width: 11px;
			height: 13px;
			margin: 8px 0 0 0;
		}

		form.single-line input.submit:hover {
			/*background-position: -24px -159px;*/
		}

		form .indented {
			margin-left: 160px;
		}

		form .indented input {
			width: 16px;
			float: left;
			margin-right: 10px;
		}

		form .indented label {
			width: 375px;
			float: left;
		}

		.submit {
			cursor: pointer;
		}

		form .footer {
			line-height: 25px;
		}

		form .footer button {
			margin-left: 1em;
		}

	/*********************************************************
		6.2. LAYOUTS | Masthead
	**********************************************************/

	#mast {
		height: 135px;
	}

	html.alternate_mast {
		background-position: 0 110px;
	}

	html.alternate_mast #mast {
		height: 120px;
	}

		/* Site Utils */

		#site-utils {
			line-height: 30px;
			background: #fff url(http://www.moen.ca/assets/moencom/images/common/backgrounds/site_utils_rb.png) no-repeat right bottom;
			height: 33px;
			font-size: 11px;
			padding: 0 2px 0 0;
		}

		#region-lang {
			margin: 0 14px 0 0;
		}

		.site_search {
			margin: 0 10px 0 0;
		}

		.site_search input {
			margin: 5px 5px 0 0;
		}

		.site_search select {
			margin: 5px 7px 0 0;
			color: #717374;
		}

		.site_search input {
			width: 146px;
		}

		.site_search select.dropdown {
			height: 20px;
		}

		/*********************************************************
			6.2.1. LAYOUTS | Masthead | Branding
		**********************************************************/

		#branding {
			height: 49px;
		}

		#moen-logo {
			height: 100%;
			width: 135px;
		}

		#print-logo {
			/*display: none;*/
		}

		/*********************************************************
			6.2.2. LAYOUTS | Masthead | Navigation
		**********************************************************/

		#nav-primary,
		#nav-primary ul li a.primary,
		#nav-primary ul li span.primary,
		#nav-secondary li {
			background-image: url('http://www.moen.ca/assets/moencom/images/common/primary_nav.png');
			background-repeat: repeat-x;
		}

			/*********************************************************
				6.2.2.1. LAYOUTS | Masthead | Navigation | Primary
			**********************************************************/

			#nav-primary {
				height: 33px;
				background-position: 0 -66px;
			}

			#nav-primary span.arrow_link {
				color: #f0f3c4;
			}

			#nav-primary li.primary {
				position: relative;
				height: 33px;
				width: 133px;
				margin-right: 1px;
				overflow: hidden;
				z-index: 1000;
			}

			#nav-primary li.primary.last {
				margin-right: 0;
			}

			#nav-primary li.primary:hover,
			#nav-primary li.primary.hover {
				/* JavaScript is applied to get this work in IE6 */
				overflow: visible;
			}

			#nav-primary li.primary h2 {
				cursor: default;
				text-align: center;
			}

			#nav-primary ul li a.primary,
			#nav-primary ul li span.primary {
				display: block;
				line-height: 33px;
				background-position: 0 0;
				height: 33px;
			}

			#nav-primary ul li:hover .primary {
				text-decoration: none;
			}

			body.bathroom #nav-bathroom .primary,
			body.kitchen-and-bar #nav-kitchen-and-bar .primary,
			body.outdoor-and-more #nav-outdoor-and-more .primary,
			#nav-primary ul li:hover .primary {
				background-position: 0 -33px;
			}

			#nav-primary a.primary span,
			#nav-primary span.primary {
				color: #fff;
				text-shadow: -1px 1px 2px rgba(0, 0, 0, 0.5);
			}

			#nav-primary li.last a.primary span.type-medium,
			#nav-primary li.last span.primary.type-medium {
				border-right-width: 0px;
			}

			#nav-primary .drop-down-container ul.secondary {
				padding: 8px 10px 12px 20px;
				width: 100%;
				margin-top: 10px;
			}

			#nav-primary .drop-down-container ul.secondary li {
				color: #fff;
			}

			#nav-primary .drop-down-container ul.secondary li a {
				color: #fff;
				padding: 4px 0;
			}

			#nav-primary .drop-down-container ul.secondary li a:hover {
				text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.25);
			}

			#nav-primary .drop-down-container {
				position: absolute;
				top: 33px;
				width: 252px;
				overflow: hidden;
			}

			#nav-primary .drop-down-container .content {
				width: 100%;
			}

			#nav-bathroom .drop-down-container,
			#nav-kitchen-and-bar .drop-down-container,
			#nav-outdoor-and-more .drop-down-container,
			#nav-parts-and-filters .drop-down-container {
				background-color: #818384;
				background-image: -moz-linear-gradient(top, #818384, #5d5e5f);
				background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #818384),color-stop(1, #5d5e5f));
				background-image: linear-gradient(top, #818384, #5d5e5f);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#818384', EndColorStr='#5d5e5f');

				-moz-box-shadow: 0px 0px 4px #666;
				-webkit-box-shadow: 0px 0px 4px #666;
				box-shadow: 0px 0px 4px #666;
			}

			#nav-primary ul.secondary li.group {
				padding: 0 0 10px 0;
			}

			#nav-primary ul.secondary li.group ul {
				font-weight: normal;
			}

			#nav-primary ul.secondary li.group li {
				padding: 2px 0 0 0;
			}

			/*********************************************************
				6.2.2.2. LAYOUTS | Masthead | Navigation | Secondary
			**********************************************************/

			#nav-secondary {
				float: right;
			}

			#nav-secondary li {
				margin-right: 4px;
				background-position: 0 -99px;
				height: 28px;
			}

			#nav-secondary li a {
				color: #7e7e73;
				font-size: 1em;
				padding: 8px 16px 0 16px;
				display: block;
			}

			#nav-secondary #nav-commercial {
				margin-right: 0;
			}

			/*********************************************************
				6.2.2.3. LAYOUTS | Masthead | Navigation | Tertiary
			**********************************************************/

			#logo-nav-tertiary {
				margin: 0 0 20px 0;
			}

			#nav-tertiary ul {
				padding-top: 12px;
				line-height: 18px;
			}

			#nav-tertiary li {
				float: left;
				border-right: 1px solid #c8c9ca;
				padding: 0 12px;
				height: 33px;
			}

			#nav-tertiary li a {
				display: block;
			}

			#nav-tertiary li.nav-tertiary-first a {
				display: inline;
			}

			#nav-tertiary li.nav-tertiary-last {
				border: none;
			}

			#nav-tertiary #where-to-buy,
			#nav-tertiary #view-cart,
			#nav-tertiary #moen-green {
				padding-right: 0;
				border: 0;
			}

			#nav-tertiary #view-cart {
				background: url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') 0 0 no-repeat;
			}

			#nav-tertiary #view-cart-inner {
				padding: 0 0 0 17px;
			}

			#nav-tertiary #view-cart span {
				/*display: none;*/
			}

			#nav-tertiary #view-cart.disabled {
				color: #b9b9b9;
				cursor: default;
			}

			/* For when there are item(s) in the cart */
			#nav-tertiary a#view-cart {
				background: url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') 0 2px no-repeat;
				padding-left: 17px;
			}

			#nav-tertiary #moen-green {
				padding-left: 22px;
			}

			#nav-tertiary #moen-green {
				background: #fff url('http://www.moen.ca/assets/moencom/images/common/flare2.png') -283px -53px no-repeat;
			}
                        a.social-top {
				float: left;
				text-indent: -9999px;
				width: 20px;
				height: 20px;
			}

			a#social-top-yt {
				background: #fff url('http://www.moen.ca/assets/moencom/images/common/icons/icon-yt-20px.png') no-repeat;
				margin: 0 5px 0 -11px;
			}



	/*********************************************************
		6.3. LAYOUTS | Breadcrumbs
	**********************************************************/

		#breadcrumbs {
			background: transparent;
		}

		#breadcrumbs ul {}

		#breadcrumbs li {
			font-size: 11px;
			display: block;
			float: left;
			margin: 0 2px 0 0;
		}

		#breadcrumbs span {}

	/*********************************************************
		6.4. LAYOUTS | Site Information
	**********************************************************/

	#site-info {
		height: 172px;
	}

	#site-info-inner {
		background-color: #fff;
		height: 131px;
		padding: 22px;
	}

	#fonttest {
		display: none;
	}

	#nav-site-info {
		padding: 5px 0 0 0;
	}

	#nav-site-info span {
		color: #0289b5;
		float: left;
		margin: 6px 9px 0 0;
	}

	#nav-site-info ul {
		padding: 5px 0 5px 15px;
	}

	#nav-site-info a {
		color: #0289b5;
		font-size: 11px;
	}

	#nav-site-info p {
		width: 311px;
	}

	#nav-site-info .float-left {
		padding: 0 30px 0 0;
		border-left: 1px solid #bcbdbd;
	}

	#nav-site-info .first-col {
		border: none;
	}

	#nav-site-info .social-col {
                background-color: #E5E5E5;
		margin: -25px -1px 0 0;
                padding: 28px 25px;
	}

        a.social-btm {
            display: block;
            float: left;
            height: 28px;
            margin: 0 0 10px;
            text-indent: -9999px;
            width: 28px;
        }

a#social-fb {
		background: #fff url('http://www.moen.ca/assets/moencom/images/common/icons/social.png') 0 0 no-repeat;
		width: 28px;
		height: 28px;
		display: block;
		text-indent: -9999px;
		float: left;
		margin: 0 9px 0 0;
	}

	a#social-twitter {
		background: #fff url('http://www.moen.ca/assets/moencom/images/common/icons/social.png') 0 -32px no-repeat;
		width: 28px;
		height: 28px;
		display: block;
		text-indent: -9999px;
		float: left;
	}
        
        a#social-yt {
             background: url("http://www.moen.ca/assets/moencom/images/common/icons/social.png") no-repeat scroll 0 -64px #E5E5E5;
             width: 75px;
        }        

	/*********************************************************
		6.5. LAYOUTS | Homepage
	**********************************************************/

	body#home #content {
		position: relative;
		margin-top: 0;
	}

		/*********************************************************
			6.5.1. LAYOUTS | Homepage | Postcards
		**********************************************************/

		body#home #postcards-wrapper {
			position: relative;
			height: 404px;
			margin: 0 0 12px 0;
		}

		body#home #postcards {
			background: #fff url('http://www.moen.ca/assets/moencom/images/home/postcards-info/bg_panel.png') right 27px no-repeat;
		}

		body#home #postcards {
			height: 404px;
			width: 950px;
		}

		body#home #postcards .slide {
			margin: 8px;
		}

		body#home .slide img {
			width: 728px;
			height: 388px;
		}


		body#home #postcard-buttons {
			top: 171px;
			right: 214px;
			z-index: 3;
			background-color: #fff;
			width: 13px;
			height: 58px;
		}

		body#home #postcard-buttons ul {
			padding: 0;
			margin: 7px 0 0 7px;
		}

		body#home #postcard-buttons li {
			margin: 0 0 6px 0;
		}

		body#home #postcard-buttons li a {
			display: block;
			background: #fff url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') no-repeat -1px -43px;
			width: 6px;
			height: 6px;
			text-indent: -9999px;
		}

		body#home #postcard-buttons li a:hover {
			background-position: -1px -60px;
		}

		body#home #postcard-buttons li a.selected {
			background-position: -1px -60px;
		}

		.postcard-directional-buttons a {
			display: block;
			width: 13px;
			height: 11px;
			text-indent: -9999px;
			position: absolute;
			right: 95px;
			z-index: 3;
		}

		.postcard-directional-buttons #btn-prev {
			top: 11px;
			background: #fff url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') no-repeat 0 -78px; /*-296px -809px;*/
		}

		.postcard-directional-buttons #btn-next {
			bottom: 7px;
			background: #fff url('http://www.moen.ca/assets/moencom/images/common/flare2_rb.png') no-repeat 0 -95px;
		}

		.panel {
			float: left;
			width: 155px;
			height: 138px;
			margin: 10px 0 0 19px;
			padding: 193px 10px 0 15px;
			position: relative;
		}

		.panel-with-header {
			float: left;
			width: 155px;
			height: 168px;
			margin: 10px 0 0 19px;
			padding: 163px 10px 0 15px;
			position: relative;
		}

		.panel-inner {
			position: absolute;
			bottom: 0;
			width: 155px;
		}

		.panel-dotted-line {
			border-top: 1px dotted #a4a4a4;
			margin: 20px 0;
		}


		/*********************************************************
			6.5.2. LAYOUTS | Homepage | Buckets
		**********************************************************/

		body#home .buckets {
			margin: 0 0 10px 0;
		}

		body#home .buckets .bucket-copy {
			width: 120px;
			padding-left: 2px;
			margin-top: -5px;
		}

		body#home #bathroom-bucket,
		body#home #kitchen-and-bar-bucket,
		body#home #parts-and-filters-bucket {
			width: 295px;
			margin: 0px 5px;
		}

		body#home #kitchen-and-bar-bucket .bucket-copy {
			width: 135px;
		}

		body#home #bathroom-bucket {
			margin-left: 0px;
		}

		body#home .emphasized_container {
			height: 180px;
			padding: 10px;
		}

		body#home #parts-and-filters-bucket {
			margin-right: 0px;
			width: 340px;
		}

		body#home #parts-and-filters-bucket p {
			margin-top: -5px;
		}

		body#home form#parts-and-filters-bucket-search a {
			display: block;
		}

		body#home form#parts-and-filters-bucket-search a.dotted-bottom {
			padding: 0 0 11px 0;
			margin: 0 0 11px 0;
		}

		body#home form#parts-and-filters-bucket-search input.text {
			margin: 0 5px 8px 0;
			width: 185px;
		}

		body#home form#parts-and-filters-bucket-search input.submit {
			margin: 5px 0 0 0;
		}

		body#home #faucet-selector-bucket {
			width: 600px;
		}

		body#home #faucet-selector-inner {
			width: 586px;
			height: 172px;
			border: 8px solid #fff;
			background: transparent url('http://www.moen.ca/assets/moencom/images/home/ca_modern_accents_bucket_4.jpg') top left no-repeat;
		}

		body#home #faucet-selector-text {
			height: 129px;
			width: 195px;
			padding: 15px 0 0 32px;
		}

		body#home .dotted-bottom {
		    border-bottom: 1px dotted #a4a4a4;
		    padding-bottom: 5px;
		}


		#faucet-selector-text h3 {
			color: #fff;
			text-shadow: 1px 1px 3px #000;
			text-align: center;
			font-family: DINWebLight,Arial,sans-serif;
			padding: 0 0 4px 0;
			margin: 0 0 4px 0;
		}
		#faucet-selector-text p {
			color: #fff;
			text-align: center;
			font-family: DINWebLight,Arial,sans-serif;
		}

		#iodigital-bucket {
			margin: 0 0 0 10px;
			background: #e5e5e5 url('http://www.moen.ca/assets/moencom/images/home/iodigital_bucket.jpg') top right no-repeat;
			border:8px solid #FFFFFF;
			height:153px;
			padding:10px;
			width:304px;
		}

		#iodigital-bucket p {
			width: 146px;
			margin: 5px 0 4px 0;
		}

		/*********************************************************
			6.5.3. LAYOUTS | Homepage | ShowHouse
		**********************************************************/

		body#home #showhouse {
			background-color: #f7f7f7;
			padding: 4px 0;
            top: 675px;
            left: 0px;
            position: absolute;
            width: 750px;
		}

		body#home #showhouse h2 {
			color: #6c6c6c;
			font-size: 14px;
			line-height: 44px;
			background: transparent url(http://www.moen.ca/assets/moencom/images/home/showhouse.png) no-repeat 0 0;
			border-right: 1px solid #999;
			height: 44px;
			padding: 0 10px 0 100px;
			margin-left: 8px;
		}

		body#home #showhouse p {
			line-height: 1.25em;
			padding: 8px 0;
			margin: 0 0 0 10px;
			width: 350px;
		}


	/*********************************************************
		6.6. LAYOUTS | Login
	**********************************************************/

	#login-content .grid-unit {
		width: 449px;
	}

	#login-content .indented {
		margin-left: 20px;
	}

	#login-content .form_container {
/*		height: 190px;*/
	}

	/*********************************************************
		6.7. LAYOUTS | Tables
	**********************************************************/

		/*********************************************************
			6.7.1. LAYOUTS | Tables | Formed
		**********************************************************/

		table.formed {}

		table.formed th {
			font-weight: bold;
			text-align: right;
			width: 150px;
			padding: 4px 10px 1em 0;
			vertical-align: top;
		}

		table.formed td {
			line-height: 20px;
			width: 200px;
			vertical-align: top;
		}

		table.formed th,
		table.formed td {
			padding-bottom: 10px;
		}

		table.formed td select {
			width: 188px;
		}

		table.formed td.formedText{
			width: 550px;
		}

		table.formed .note {
			width: 210px;
			padding-left: 10px;
		}

		table.formed tr.checkbox td {
			padding-left: 170px;
		}

		table.formed tr.checkbox label {
			line-height: 19px;
		}

		table.formed ul.checkboxes li,
		table.formed tr.checkbox label {
			width: 130px;
		}

		table.formed .zip_code .zip_code-base {
			width: 120px;
		}

		table.formed .zip_code .zip_code-extension {
			width: 60px;
		}

		table.formed .phone .phone-1,
		table.formed .phone .phone-2 {
			width: 50px;

		}

		table.formed .phone .phone-3 {
			width: 65px;
		}

		table.formedMsg td.formedCheckbox{
			width: 20px;
		}

		table.formedMsg td.formedText{
			width: 550px;
		}
		table.formedMsg th.formedText{
			font-weight: bold;
			font-size:13px;
			padding: 4px 10px 1em 0;
			vertical-align: top;
			width: 550px;
		}

		table.formedMsg th,
		table.formedMsg td {
			padding-bottom: 5px;
		}

		/*********************************************************
			6.7.2. LAYOUTS | Tables | Simple
		**********************************************************/

		table.simple {}

		table.simple th {
			font-weight: bold;
			border-bottom: 1px solid #ccc;
		}

		table.simple td {
			padding: 5px 0;
		}

		/*********************************************************
			6.7.3. LAYOUTS | Tables | Headers Left
		**********************************************************/

		table.headers_left {}

		table.headers_left th {
			border-right: 1px solid #ccc;
			text-align: right;
		}

		table.headers_left td,
		table.headers_left th {
			padding: 10px;
		}

		/*********************************************************
			6.8. LAYOUTS | Region Lang Selector
		**********************************************************/

		body.js #modal-window.region-lang-selector #modal-window-content {
			height: 260px;
			margin-left: 20px;
			width: 380px;
		}

		body.js #modal-window.region-lang-selector {
			width: 400px;
			height: 290px;
			margin-left: -200px;
			margin-top: -145px;
		}

		/*********************************************************
			6.9. LAYOUTS | Find Model Number
		**********************************************************/

		body#home a.find_model_number {
			color: #226b27;
		}

		body.js #modal-window.find_model_number {
			height: 434px;
			width: 720px;
			margin-left: -360px;
		}

		#modal-window.find_model_number #modal-window-content {
			height: 404px;
		}

		#modal-window.find_model_number #modal-content {
			padding: 1em;
		}

		#modal-window.find_model_number th,
		#modal-window.find_model_number td {
			padding: 10px;
		}

		#modal-window.find_model_number tr {
			border-bottom: 1px solid #b9b9b9;
		}

		#modal-window.find_model_number tr.last {
			border-bottom: 0;
		}

		/*********************************************************
			6.10. LAYOUTS | Account
		**********************************************************/

		form#user {}

		body.edit_account form#user td.multiline-inputs {
			width: auto;
		}

		body.edit_account form#user td.multiline-inputs label {
			display: block;
			padding-left: 25px;
			text-indent: -25px;
			line-height: 18px;
		}

		body.edit_account form#user td.multiline-inputs input {
			width: 16px;
			padding: 0;
			margin: 0 6px 0 0;
			vertical-align: middle;
			position: relative;
			top: -1px;
			*overflow: hidden;
		}

		body.edit_account form#user div.indented ul.twocolumn {
			width: 420px;
			display: block;
		}

		body.edit_account form#user div.indented ul.twocolumn li {
			float: left;
			width: 200px;
			padding-right: 10px;
			margin-top: 0;
		}

		#opt-timeframe select {
			width: 200px;
		}

		/*********************************************************
			6.11. LAYOUTS | Errors
		**********************************************************/

		body#errors #content img {
			display: none;
		}

		/*********************************************************
			6.12. LAYOUTS | Sitemap
		**********************************************************/

		body#sitemap #content h2 {
			font-size: 18px;
		}

		body#sitemap #content h3 {
			margin: 0.34em 0 0 0;
		}

		body#sitemap #content ul li {
			width: 168px;
		}

		body#sitemap #content ul ul {
			margin-left: 1em;
		}

		/*********************************************************
			6.13. LAYOUTS | Postcards
		**********************************************************/

		#postcard {
			background-position: center center;
			background-repeat: no-repeat;
			height: 192px;
			position: relative;
		}

		#postcard.short {
			height: 182px;
		}

		#postcard.short p {
			font-size: 11px;
		}

		#postcard-content {
			position: absolute;
		}

		#postcards {
			position: relative;
			overflow: hidden;
			clear: both;
		}

		body.js #postcards .slide {
			position: absolute;
		}

		body.js #postcards .slide.selected {
			display: block;
		}

		#postcards .slide {
			position: relative;
			height: 388px;
			width: 100%;
			overflow: hidden;
		}

		#postcards .slide img {
			float: left;
			display: block;
		}

		#postcards .slide h3 {
			color: #44b0e8;
		}

		#postcard-buttons {
			position: absolute;
			z-index: 99999;
		}

		#postcard-content {
			background-image: url(http://www.moen.ca/assets/moencom/images/common/postcard-content.png);
			background-image: -moz-linear-gradient(
				top,
				rgba(0, 169, 224, 0.84),
				rgba(18, 149, 204, 0.84)
			);
		  background-image: -webkit-gradient(
				linear,
				left top,
				left bottom,
				color-stop(0, rgba(0, 192, 255, 0.84)),
				color-stop(1, rgba(18, 149, 204, 0.84))
			);
		  background-image: linear-gradient(top,
				rgba(0, 169, 224, 0.84),
				rgba(18, 149, 204, 0.84)
			);
			position: absolute;
			left: -8px;
			width: 340px;
			padding: 15px 15px 1px 30px;
			z-index: 1;
		}

		#postcard h1,
		#postcard p {
			color: #fff;
		}

		.rgba #postcard h1 {
			text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
		}


/*********************************************************
	7. UI
**********************************************************/

	/*********************************************************
		7.1. UI | Tooltip
	**********************************************************/

	span.tooltip-ui {
		display: none;
	}

	span.tooltip-ui span {
		display: none;
	}

	body.js span.tooltip-ui {
		display: none;
	}

	span.tip {
		cursor: help;
	}

	span.tip span {
		visibility: hidden;
		display: none;
	}

	#tip-wrapper {
		position:absolute;
		width: 232px;
		z-index: 9999;
	}

	#tip-wrapper #tip-content {
		position: relative;
		border: 3px #efefef solid;
		padding: 8px;
		background: #fff;
	}

	#tip-wrapper #tip-content span span {
		display: block;
		float: left;
		padding-left: 0;
		padding-right: 0;
		width: 150px;
	}

	#tip-wrapper #tip-content span span span {
		float: none;
		display: inline;
		width: auto;
	}

	#tip-wrapper #tip-content span .images {
		float: left;
		margin-right: 10px;
		width: 50px;
	}

	#tip-wrapper #tip-content p {
		margin-bottom: 0.5em;
	}

	#tip-wrapper #tip-content p.last {
		margin-bottom: none;
	}

	#tip-wrapper.align-right,
	#tip-wrapper.align-left {
		background: transparent url('http://www.moen.ca/assets/moencom/images/common/tooltip_arrow_horizontal.png') no-repeat;
	}

	#tip-wrapper.align-top,
	#tip-wrapper.align-bottom {
		background: transparent url('http://www.moen.ca/assets/moencom/images/common/tooltip_arrow_vertical.png') no-repeat;
	}

	#tip-wrapper.align-top {
		background-position: bottom center;
	}
	#tip-wrapper.align-top #tip-content {
		top: -16px;
	}

	#tip-wrapper.align-right {
		background-position: center left;
	}
	#tip-wrapper.align-right #tip-content {
		left: 16px;
	}

	#tip-wrapper.align-bottom {
		background-position: top center;
	}
	#tip-wrapper.align-bottom #tip-content {
		top: 16px;
	}

	#tip-wrapper.align-left {
		background-position: center right;
	}
	#tip-wrapper.align-left #tip-content {
		left: -16px;
	}

	/*********************************************************
		7.2. UI | Slideshow
	**********************************************************/
	body.js .slideshow-ui .slide {
		position: absolute;
		top: 0;
		left: 0;
	}

	body.js .slideshow-ui .slide.next {
		z-index: 1;
	}

	body.js .slideshow-ui .slide.selected {
		z-index: 2;
		display: block;
	}

	.slideshow-ui .slide,
	.slideshow-ui .slide.selected {
		display: block;
	}

	body.js .slideshow-ui .slide {
		display: none;
	}

	/*********************************************************
		7.3. UI | Modal Window
	**********************************************************/

	body.js span.modal-window-title {
		display: block;
		width: 100%;
		height: 30px;
		background: #fff;
		line-height: 30px;
		text-align: right;
	}

	body.js span.modal-window-title a {
		padding: 2px 24px;
		margin-right: 8px;
	}

	#modal-window {
		-webkit-transition: all 0.25s ease-out;
	}

	#modal-window.visible {
		-webkit-transform: scale(1);
	}

	#modal-window.hidden {
		-webkit-transform: scale(0.75);
	}

	body.js #modal-window-content {
		display: block;
		width: 100%;
		height: 478px;
		overflow: auto;
		position: relative;
		z-index: 1;
		background-color: #fff;
		top: 0px;
	}

	body.js #modal-window #drawer {
		position: absolute;
		z-index: 0;
		bottom: -90px;
		left: 0px;
		border: 3px solid #ddd;
		border-style: none solid solid solid;
		border-right: 0;
		background: #FFF;
		height: 90px;
		width: 508px;
	}

	body.js #modal-window.titleless #modal-window-content {
		height: 508px;
	}

	body.js #modal-window.wide {
		width: 960px;
		margin-left: -480px;
	}

	body.js #modal-window.drawer {
		height: 580px;
		margin-top: -294px;
	}

	body.js #modal-window.drawer .alt_list {}

	body.js #modal-window.drawer .alt_list.assembled {
		height: 60px;
		overflow: hidden;
		position: relative;
	}

	body.js #modal-window.drawer .alt_list ul {
		width: auto;
		margin: 10px auto;
		display: block;
		float: left;
	}

	body.js #modal-window.drawer .alt_list.assembled ul {
		position: absolute;
	}

	body.js #modal-window.drawer .alt_list li {
		text-align: center;
		height: 44px;
		width: 44px;
		border: 1px #dedede solid;
		overflow: hidden;
	}

	#modal-shim {
		overflow: hidden;
	}

	#modal-window #emphasized_feature {
		padding: 0 20px;
	}

	/*********************************************************
		7.4. UI | Lights
	**********************************************************/

	body.js #lights {
		background: #000;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 9999;
		opacity: 0;
		overflow: hidden;
	}

	/*********************************************************
		7.5. UI | Faucet Selector
	**********************************************************/

	#faucet_selector {
		color: #595959;
		background-color: #ddd;
		background-position: center center;
		background-repeat: no-repeat;
		height: 563px;
		width: 937px;
		margin: -281.5px -468.5px;
		position: fixed;
		top: 50%;
		left: 50%;
		overflow: hidden;
		z-index: 10000;
	}

	#faucet_selector.busy {
		background-image: url(http://www.moen.ca/assets/moencom/images/faucet-selector/loading.gif);
	}

	#faucet_selector .section {
		height: 100%;
		width: 100%;
		display: none;
		opacity: 0;
		position: absolute;
		top: 0;
		left: 0;
	}

	#faucet_selector-busy_message {
		font-weight: bold;
		text-align: center;
		margin: 310px auto 0 auto;
	}

		/*********************************************************
			7.5.1. UI | Faucet Selector | Buttons
		**********************************************************/

		#faucet_selector button.fs_button,
		#faucet_selector button.fs_button .content {
			background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/buttons/common.png) no-repeat 0 0;
		}

		#faucet_selector button.fs_button {
			color: #595959;
			font-size: 12px;
			border: 0;
			width: auto;
			padding: 0 0 0 3px;
		}

		#faucet_selector button.fs_button .content {
			float: left;
			display: block;
			padding: 0 3px 0 6px;
			position: relative;
			white-space: nowrap;
		}

		#faucet_selector button.fs_button .content .icon {
			background-image: url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/icons/common.png);
			background-repeat: no-repeat;
			width: auto;
		}

		#faucet_selector button.light_border { margin-left: -6px;
			background-position: right 0;
			height: 21px;
		}

		#faucet_selector button.light_border .content {
			line-height: 21px;
			background-position: left 0;
			height: 21px;
		}

		#faucet_selector button.green {
			color: #fff;
			font-weight: bold;
			background-position: right -22px;
			height: 19px;
			padding: 0 0 0 3px;
		}

		#faucet_selector button.green .content {
			line-height: 19px;
			background-position: left -22px;
			height: 19px;
			padding: 0 6px 0 9px;
		}

		#faucet_selector button.dark_border {
			color: #0289B5;
			background-position: right -42px;
			height: 20px;
			padding: 0 0 0 3px;
		}

		#faucet_selector button.dark_border .content {
			line-height: 20px;
			background-position: left -42px;
			height: 20px;
			padding: 0 6px 0 9px;
		}

		#faucet_selector-hide {
			position: absolute;
			top: 10px;
			right: 8px;
		}

		#faucet_selector-hide .content .icon {
			background-position: 32px -18px;
			padding-right: 11px;
		}

		/*********************************************************
			7.5.2. UI | Faucet Selector | Intro
		**********************************************************/

		#faucet_selector-intro {
			background-position: 0 0;
			background-repeat: no-repeat;
		}

		#faucet_selector-intro-backgrounds {}

		#faucet_selector-intro-backgrounds img {
			position: absolute;
			top: 0;
			left: 0;
		}

		#faucet_selector-intro-navigation {
			position: absolute;
			top: 330px;
			left: 131px;
		}

		#faucet_selector-intro-navigation a {
			background: transparent url(http://fr.moen.ca/img/moen/FR_161342.png) no-repeat 0 0;
			border: 0;
			height: 41px;
			width: 113px;
			float: left;
			display: block;
			cursor: pointer;
		}

		a#faucet_selector-intro-navigation-bathroom {
			background-position: 0 0;
			margin-right: 20px;
		}
		a#faucet_selector-intro-navigation-bathroom:hover {
			background-position: right 0;
		}

		a#faucet_selector-intro-navigation-kitchen {
			background-position: 0 bottom;
		}
		a#faucet_selector-intro-navigation-kitchen:hover {
			background-position: right bottom;
		}

		/*********************************************************
			7.5.3. UI | Faucet Selector | Main
		**********************************************************/

		#faucet_selector-main {
			background-color: #f2f2f2;
		}

			/*********************************************************
				7.5.3.1. UI | Faucet Selector | Main | Header
			**********************************************************/

			#faucet_selector-main-header {
				background-color: #00a9e0;
				height: 95px;
			}

			#faucet_selector-main-header-start_over {
				position: absolute;
				top: 10px;
				left: 10px;
			}

			#faucet_selector-main-header-start_over .content .icon {
				background-position: 0 6px;
				padding-left: 15px;
			}

				/*********************************************************
					7.5.3.1.1. UI | Faucet Selector | Main | Header | Tabs
				**********************************************************/

				#faucet_selector-main-header-tabs {
					width: 680px;
					margin: 0 auto;
					padding: 12px 0 0 0;
				}

				#faucet_selector-main-header-tabs li {
					float: left;
				}

				#faucet_selector-main-header-tabs li a {
					background-image: url(http://fr.moen.ca/img/moen/FR_161343.png?v2);
					background-repeat: no-repeat;
					height: 83px;
					display: table;
					float: left;
					overflow: hidden;
				}

				#faucet_selector-main-header-tabs a:hover {
					text-decoration: none;
				}

				#faucet_selector-main-header-tabs a .label {
					text-indent: -500em;
					height: 46px;
					display: block;
				}

				#faucet_selector-main-header-tabs a .preference {
					color: #595959;
					font-size: 11px;
					text-align: center;
					text-shadow: 0 1px 0px rgba(255, 255, 255, 0.7);
					padding-top: 46px;
					display: table-cell;
					vertical-align: middle;
				}

				#faucet_selector-main-header-tabs a .preference span {
					display: block;
					padding: 0 15px;
				}

				#faucet_selector-main-header-tabs-style a {
					background-position: 0 0;
					width: 108px;
				}
				#faucet_selector-main-header-tabs-style.active a {
					background-position: 0 -84px;
				}

				#faucet_selector-main-header-tabs-price a {
					background-position: -123px 0;
					width: 111px;
				}
				#faucet_selector-main-header-tabs-price.active a {
					background-position: -123px -84px;
				}

				#faucet_selector-main-header-tabs-finish a {
					background-position: -233px 0;
					width: 110px;
				}
				#faucet_selector-main-header-tabs-finish.active a {
					background-position: -233px -84px;
				}

				#faucet_selector-main-header-tabs-features a {
					background-position: -341px 0;
					width: 154px;
				}
				#faucet_selector-main-header-tabs-features.active a {
					background-position: -341px -84px;
				}

				#faucet_selector-main-header-tabs-installation a {
					background-position: -495px 0;
					width: 185px;
				}
				#faucet_selector-main-header-tabs-installation.active a {
					background-position: -495px -84px;
				}

			/*********************************************************
				7.5.3.2. UI | Faucet Selector | Main | Body
			**********************************************************/

			#faucet_selector-main-body {
				background-image: url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/window.jpg);
				background-repeat: no-repeat;
				height: 431px;
				position: relative;
			}

				/***********************************************************
					7.5.3.2.1. UI | Faucet Selector | Main | Body | Criteria
				************************************************************/

				#faucet_selector-main-body-criteria {
					height: 419px;
					width: 679px;
					margin: 0 auto;
					position: relative;
					z-index: 1002;
				}

				#faucet_selector-main-body-criteria .criteria {
					display: none;
					position: absolute;
					top: 0;
					left: 0;
				}

				#faucet_selector-main-body-criteria .criteria.activeCriteria {
					background: #f2f2f2 url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/vertical_rule.png) no-repeat 300px 60px;
					border-color: #ccc;
					border-style: solid;
					border-width: 0 1px 1px 1px;
					height: 100%;
					width: 100%;
					display: block;
				}

				#faucet_selector-main-body-criteria .criteria h3 {
					color: #0289B5;
					line-height: 60px;
					padding-left: 26px;
				}

				#faucet_selector-main-body-criteria .criteria h4 {
					font-size: 20px;
				}

					/***********************************************************************
						7.5.3.2.1.1. UI | Faucet Selector | Main | Body | Criteria | Options
					************************************************************************/

					#faucet_selector-main-body-criteria .options {
						width: 275px;
						margin-left: 25px;
					}

					#faucet_selector-main-body-criteria .options li {
						padding-left: 25px;
					}

					#faucet_selector-main-body-criteria .options a {
						font-size: 21px;
						line-height: 28px;
						display: block;
						margin: 20px 0;
					}

					#faucet_selector-main-body-criteria .options a,
					#faucet_selector-main-body-criteria .options a:hover.disabled {
						color: #595959;
						border-bottom: 1px dotted transparent;
					}

					#faucet_selector-main-body-criteria .options a:hover {
						text-decoration: none;
					}

					#faucet_selector-main-body-criteria .options a:hover,
					#faucet_selector-main-body-criteria .options li.active a {
						color: #333;
						border-bottom-color: #ccc;
					}

					#faucet_selector-main-body-criteria .options a.disabled {
						cursor: default;
						opacity: 0.5;
					}

					#faucet_selector-main-body-criteria .options li.active {
						background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/icons/common.png) no-repeat 0 -45px;
					}

					#faucet_selector-main-body-criteria-style .options a {
						background-image: url(http://fr.moen.ca/img/moen/FR_161344.gif);
						background-repeat: no-repeat;
					}

					#faucet_selector-main-body-criteria-style-options #faucet_selector-main-body-criteria-style-options-no_preference a {
						background: none;
					}

					#faucet_selector-main-body-criteria-style-options-basics a {
						background-position: 0 6px;
					}

					#faucet_selector-main-body-criteria-style-options-transitional a {
						background-position: 0 -33px;
					}

					#faucet_selector-main-body-criteria-style-options-traditional a {
						background-position: 0 -69px;
					}

					#faucet_selector-main-body-criteria-style-options-modern a {
						background-position: 0 -102px;
					}

					#faucet_selector-main-body-criteria-finish .options a {
						font-size: 14px;
						line-height: 25px;
						margin: 0;
					}

					#faucet_selector-main-body-criteria-finish .options a .finish {
						float: left;
						margin: 5px 5px 0 0;
					}

					#faucet_selector-main-body-criteria-features ul.options {
						margin-bottom: 37px;
					}

					#faucet_selector-main-body-criteria-features ul.options a {
						font-size: 18px;
						line-height: 20px;
						margin: 9px 0;
					}

					#faucet_selector-main-body-criteria-installation ul.options {
						font-size: 20px;
					}

					#faucet_selector-main-body-criteria-installation-mount-options a.has_icon {
						line-height: 38px;
						background-image: url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/support/installation/bathroom/navigation.png);
						background-repeat: no-repeat;
						padding-left: 53px;
					}

					#faucet_selector-main-body-criteria-installation-mount-options-center a.has_icon {
						background-position: 0 0;
					}

					#faucet_selector-main-body-criteria-installation-mount-options-single_mount a.has_icon {
						line-height: 44px;
						background-position: 0 -56px;
					}

					#faucet_selector-main-body-criteria-installation-mount-options-widespread a.has_icon {
						background-position: 0 -182px;
					}

					#faucet_selector-main-body-criteria-installation-mount-options-wall_mount a.has_icon {
						line-height: 46px;
						background-position: 0 -118px;
					}

					#faucet_selector-main-body-criteria-installation-holes-options a.has_icon {
						line-height: 38px;
						background-image: url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/support/installation/kitchen/navigation.png);
						background-repeat: no-repeat;
						padding-left: 53px;
					}

					#faucet_selector-main-body-criteria-installation-holes-options-one a {
						background-position: 0 0;
					}

					#faucet_selector-main-body-criteria-installation-holes-options-two a {
						background-position: 0 -58px;
					}

					#faucet_selector-main-body-criteria-installation-holes-options-three a {
						background-position: 0 -116px;
					}

					#faucet_selector-main-body-criteria-installation-holes-options-four a {
						background-position: 0 -174px;
					}

					/***********************************************************************
						7.5.3.2.1.2. UI | Faucet Selector | Main | Body | Criteria | Support
					************************************************************************/

					#faucet_selector-main-body-criteria .support {
						height: 319px;
						width: 337px;
						padding: 20px;
						position: absolute;
						top: 60px;
						left: 302px;
					}

					#faucet_selector-main-body-criteria .support li {
						display: none;
					}

					#faucet_selector-main-body-criteria .support li li {
						display: block;
					}

					#faucet_selector-main-body-criteria .support li.active {
						display: inline;
					}

					#faucet_selector-main-body-criteria .support img {
						border: 1px solid #ccc;
					}

					#faucet_selector-main-body-criteria-finish .support li li {
						font-size: 14px;
						line-height: 16px;
					}

					#faucet_selector-main-body-criteria-finish .support .finish {
						float: left;
						margin: 0 5px 5px 0;
					}

					#faucet_selector-main-body-criteria-features ul.support {
						height: 106px;
					}

					#faucet_selector-main-body-criteria-features #faucet_selector-main-body-criteria-features-handles-support {
						top: 60px;
					}

					#faucet_selector-main-body-criteria-features #faucet_selector-main-body-criteria-features-spout_shape-support {
						top: 166px;
					}

					#faucet_selector-main-body-criteria-features #faucet_selector-main-body-criteria-features-spout_type-support {
						top: 272px;
					}

					#faucet_selector-main-body-criteria-features .support img {
						float: left;
						margin-right: 10px;
					}

				/**********************************************************************
					7.5.3.2.2. UI | Faucet Selector | Main | Body | Criteria Navigation
				***********************************************************************/

				#faucet_selector-main-body-criteria_navigation {
					position: absolute;
					top: 380px;
					right: 147px;
					z-index: 1002;
				}

				#faucet_selector-main-body-criteria_navigation li {
					float: left;
					margin-left: 10px;
				}

				/**********************************************************************
					7.5.3.2.3. UI | Faucet Selector | Main | Body | Product Information
				***********************************************************************/

				#faucet_selector-main-body-product_information {
					font-size: 16px;
					position: absolute;
					top: 30px;
					left: 50%;
					width: 243px;
					margin-left: -121.5px;
				}

				#faucet_selector-main-body-product_information-name {
					color: #0289B5;
					float: left;
				}

				#faucet_selector-main-body-product_information-price {
					float: right;
				}

				/**********************************************************************
					7.5.3.2.4. UI | Faucet Selector | Main | Body | Products
				***********************************************************************/

				#faucet_selector-main-body-products {
					height: 300px;
					width: 1170px;
					position: absolute;
					top: 55px;
					left: 50%;
					margin-left: -585px;
					z-index: 999;
				}

				#faucet_selector-main-body-products li {
					background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/product_reflection.png) no-repeat 0 bottom;
					padding-bottom: 23px;
					float: left;
					position: relative;
				}

				#faucet_selector-main-body-products a {
					background: #fff url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/product_loader.gif) no-repeat center center;
					height: 100%;
					width: 100%;
					display: block;
				}

				#faucet_selector-main-body-products img {
					height: 100%;
					width: 100%;
					background-size: 100% 100%;
					-moz-background-size: 100% 100%;
					�webkit-background-size: 100% 100%;
				}

				#faucet_selector-main-body-products .outside {
					height: 120px;
					width: 120px;
					top: 85px;
				}

				#faucet_selector-main-body-products .small {
					height: 160px;
					width: 160px;
					margin: 0 -12px 0 -12px;
					top: 60px;
					z-index: 1000;
				}

				#faucet_selector-main-body-products .medium {
					height: 195px;
					width: 195px;
					top: 40px;
					z-index: 1001;
				}

				#faucet_selector-main-body-products .large {
					height: 243px;
					width: 243px;
					margin: 0 12px;
					z-index: 1002;
				}

				/**********************************************************************
					7.5.3.2.4. UI | Faucet Selector | Main | Body | No Results
				***********************************************************************/

				#faucet_selector-main-body-no_results {
					text-align: center;
				}

				#faucet_selector-main-body-no_results strong {
					font-size: 58px;
					font-weight: normal;
					text-shadow: 0 -1px 0px rgba(0,0,0,0.5);
					display: block;
					margin: 0 0 40px 0;
					padding: 90px 0 0 0;
				}

				#faucet_selector-main #faucet_selector-main-body-no_results strong {
					color: #8ea387;
				}

				#faucet_selector-main-body-no_results-message {
					font-size: 31px;
				}

				#faucet_selector-main-body-no_results-suggestion {
					font-size: 17px;
				}

				/**********************************************************************
					7.5.3.2.4. UI | Faucet Selector | Main | Body | Slider
				***********************************************************************/

				#faucet_selector-main-body-slider {
					background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/buttons/scrollers.png) no-repeat;
					width: 877px;
					margin-left: -438.5px;
					position: absolute;
					top: 365px;
					left: 50%;
					z-index: 1000;
				}

				#faucet_selector-main #faucet_selector-main-body-slider {
					background-position: 0 0;
				}

				#faucet_selector-main-body-slider-indicator {
					color: #fff;
					font-size: 23px;
					line-height: 35px;
					text-align: center;
					background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/slider_indicator.png) no-repeat 0 0;
					height: 45px;
					width: 114px;
					position: absolute;
					top: -55px;
					left: 0;
				}

				#faucet_selector-main-body-slider-gallery {
					padding-right: 5px;
					position: absolute;
					top: -35px;
				}

				#faucet_selector-main-body-slider-gallery,
				#faucet_selector-main-body-slider-gallery .header-font {
					line-height: 27px;
				}

				#faucet_selector-main-body-slider-gallery,
				#faucet_selector-main-body-slider-gallery .content {
					background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/backgrounds/gallery_link.png) no-repeat right 0;
					height: 27px;
				}

				#faucet_selector-main-body-slider-gallery .content {
					background-position: left 0;
					padding-left: 5px;
				}

				#faucet_selector-main-body-slider-gallery,
				#faucet_selector-main-body-slider-gallery a,
				#faucet_selector-main-body-slider-gallery span {
					color: #fff;
				}

				#faucet_selector-main-body-slider-gallery-results {}

				#faucet_selector-main-body-slider-gallery-separator {
					padding: 0 5px;
				}

				#faucet_selector-main-body-slider-gallery-link {}

				#faucet_selector-main-body-slider-track {
					height: 19px;
					margin: 0 51px;
					position: relative;
				}

				#faucet_selector-main-body-slider .ui-slider-handle {
					background: transparent url(http://www.moen.ca/assets/moencom/images/faucet-selector/main/buttons/scrollers.png) no-repeat;
					height: 19px;
					width: 98px;
					display: block;
					margin: 0 0 0 -49px;
					position: absolute;
				}

				#faucet_selector-main #faucet_selector-main-body-slider .ui-slider-handle {
					background-position: -878px 0;
				}

				#faucet_selector-main-body-slider .ui-state-active {
					padding: 50px 0;
					top: -50px;
				}

				#faucet_selector-main #faucet_selector-main-body-slider .ui-state-active {
					background-position: -977px 50px;
				}

			/*********************************************************
				7.5.3.3. UI | Faucet Selector | Main | Footer
			**********************************************************/

			#faucet_selector-main-footer {
				height: 37px;
			}

			#faucet_selector-main-footer p {
				font-size: 11px;
				line-height: 37px;
				padding: 0 35px;
			}

		/*********************************************************
			7.6. UI | Overlay
		**********************************************************/

		.ui-overlay {
			background-color: #fff;
			border: 3px solid #fff;
			height: 508px;
			width: 508px;
			display: none;
			margin-left: -254px;
			margin-top: -254px;
			position: fixed;
			top: 50%;
			left: 50%;
/*			overflow: hidden;*/
			z-index: 5001;
		}

		.ui-overlay-mask {
			background-color: #000;
			position: fixed;
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			opacity: 0.5;
			z-index: 5000;
		}

			/*********************************************************
				7.6. UI | Overlay | Implementations
			**********************************************************/

			.ui-overlay.video-hd {
				height: 392px;
				width: 640px;
				margin-top: -196px;
				margin-left: -320px;
			}

			.ui-overlay.video-hd #modal-window-content {
				height: 365px;
			}

                         #emphasized_feature #logo_images img {
                            padding-right: 15px;
                            padding-bottom: 10px;
}