/* htdocs/dpsweb/ferguson/ferguson.com/store.css
   $Id: store.css,v 1.203 2021-01-04 14:23:37 gwardwell Exp $ */

a {
	text-decoration: none;
	color: #007fa3;
}
a:hover {
	text-decoration:none;
}
h1 {
	color: #101820
}
h2 {
	color: #7a7b7e
}
h3 {
	color: #7a7b7e
}
h3 a {
	color: #7a7b7e
}
h3 a:hover {
	text-decoration: underline;
}
h4 {
	color: #7a7b7e;
}
h4 a {
	color: #7a7b7e;
	text-decoration: underline
}
h5 {
	color: #111
}

body {
	font-family: 'Open Sans', sans-serif!important;
	background: none!important;
}
* {
	-webkit-font-smoothing: antialiased
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
*zoom:1
}
#site-container {
	width: 100%;
	margin: 0 auto;
}
.body-container {
	width: 1040px;
	margin: 40px auto 0 auto;
}
#content-container {
	width: 1040px;
	margin: 0 auto;
}


/* Header and Navigation styling */

header.masthead {
	width:100%;
	margin:0px;
	background:#015d84;
  	height:36px;
  	box-shadow:0px 1px 1px rgba(0,0,0,0.3);
}

header.masthead li {
	font-size:13px;
	color:#fff;
	display:inline;
	margin:0px 15px;
	text-shadow:0px -1px 1px rgba(0,0,0,0.5);
	float:left;
}


header.masthead li a {
	color:inherit;
	text-decoration:none;
}

header.masthead .fa {
	margin-right:8px;
}

header.masthead .header-contact {
	float:left;
	text-align:left;
	/* margin:8px 0 0 5%; */
	margin: 8px 0 0 0;
	padding:0;
}

header.masthead .header-user {
	float:right;
	text-align:right;
	/* margin:8px 5% 0 0; */
	margin: 8px 0 0 0;
	padding:0;
}

/* ALERT MESSAGING */

header.alert-messaging {
	background:#ff9d35;
	padding:15px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

header.alert-messaging p {
	font-size:14px;
	color:#2E2001;
	font-weight:bold;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.2);
}

.nav {
    width: 60%;
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 396px) {
	header.alert-messaging {
		height: 61px;
	}
}

@media only screen and (max-width: 400px) {
	header.alert-messaging p {
		font-size:12px;
	}
}

  /* Slideshow container */
  .slideshow-container {
    position: relative;
  }

  .slideshow-container a {
    color: #015d84;
  }

  /* Slides */
  .mySlides {
    display: none;
    text-align: center;
    padding: 0 40px;
  }

  /* Next & previous buttons */
  .prev,
  .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 18px;
    margin-top: -27px;
    font-size: 20px;
    user-select: none;
  }

  /* Position the "next button" to the right */
  .next {
    right: 0;
  }

  .prev {
    left: 0;
  }

/* END ALERT MESSAGING */

header.main {
	width:100%;
	/* height:195px; */
	box-shadow:0px 1px 10px rgba(0,0,0,0.2);
	position:relative;
	z-index:200;
	/* margin-bottom:-10px; */
}

header.main .header-content {
	/* width:1040px;
	height:70px; */
	margin:0px auto;
	/* padding:45px 0 0 0;	 */
	position:relative;
	max-width: 1260px; /*DL*/
    height: 180px; /*DL*/
	display: flex; /*DL*/
    justify-content: space-between; /*DL*/
    align-items: center; /*DL*/
}

header.main .header-content .main-logo {
	min-width: 328px; /*DL*/
	/* width:25%;
	float:left; */
}

header.main .header-content input {
	font-size:16px;
	color:#909090;
	width:67%;
	height:35px;
	float:right;
	border:1px solid #e6e6e6;
	padding:8px 20px;
}

header.main .header-content .fa {
	font-size:18px;
	color:#909090;
}

header.main .header-content button {
	border:none;
	background:transparent;
}

header.main .header-content button.search-button {
	color:inherit;
	position:absolute;
	top:63px;
	right:20px;
}

header.main .main-nav {
	width:1040px;
	margin:20px auto 0px auto;
	padding:0;
	border-top:1px solid #e6e6e6;
	text-align:center;
}

@media only screen and (max-width: 1300px) { 
	header.main .header-content .main-logo {
		min-width: 260px;
		margin-left: 40px;
	}
	.header-content .nav {
		margin: 0 auto;
	}
	.header-content .nav-item {
		font-size: 18px;
	}
}

nav.main-nav ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
}

nav.main-nav ul li {
	color:#909090;
	text-transform:uppercase;
	display:inline-block;
	margin:0 36px;
}

nav.main-nav ul li a {
	padding: 18px 0px 18px 0px;
    display: block;
}

nav.main-nav ul li {
	color:#909090;
	padding:0;
}

nav.main-nav ul li a {
	-webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

nav.main-nav ul li a:hover {
	cursor:pointer;
}

nav.main-nav ul li:hover > .underline {
	cursor: pointer;
    padding-bottom: 13px;
    border-bottom: 6px solid #b9b9b9;
    color:#4e4e4e;
    margin-bottom: 0px;
}

nav.main-nav ul li .nav-submenu {
	visibility:hidden;
	display:block;
	width:100%;
	text-align:left;
	background:#fff;
	position:absolute;
	top:59px;
	left:0;
	border-top:1px solid #b9b9b9;
    box-shadow: 0px 10px 15px rgba(83,83,83,0.2);
    opacity: 0.0;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
	z-index:100;
	transition-delay: 0.2s;
}

nav.main-nav ul li:hover > .nav-submenu {
	visibility:visible;
	opacity:1;
}

.mobile-nav {
	display:none;
}


/* Homepage section new DL */
.nav-item { /*DL*/
    font-size: 20px;
    color: #7A7B7E;
}
.homepage section {
	margin: 50px auto 60px;
	width: 1040px;
}
.homepage section.section-full {
	margin: 50px auto 60px;
	width: 100%;
}

.homepage .full-width-section {
    background: #F8F8F8;
    width: 100%;
}

.section-title {
	text-align: center;
    font-weight: normal;
    font-size: 20px;
	color: #7A7B7E;
	margin-bottom: 20px;
}
.homepage .video-container .column {
    width: 507px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 10px 0px 0px;
}
.homepage .video-container .bullet {
	/* margin-bottom: 30px; */
	display: flex;
    align-items: center;
	
}
.homepage .video-container .bullet svg .cls-1 {
    fill: #00446a !important;
}
.homepage .video-container .bullet p {
    display: inline-block;
    width: 400px;
    /* vertical-align: top; */
    margin-left: 20px;
    line-height: 1.8em;
    margin-bottom: 0px!important;
}

.five-tips .title-blue {
	font-weight: bold;
	color: #00446A;
	margin-bottom: 30px;
}

.five-tips .title {
	font-weight: bold;
}
.five-tips div {
	margin-bottom: 30px;
}
section.five-tips .section-title {
    margin-bottom: 30px;
}
/* End Homepage section new DL */

/* Resizing for smaller screens */


@media only screen and (max-width: 1070px) {
  
  	header.masthead .header-contact {
    	margin: 8px 0 0 15px;
	}

	header.masthead .header-user {
    	margin: 8px 15px 0 0;
	}

  	header.main .header-content .main-logo {
		width:30%;
	}

	header.main .header-content .main-logo {
		width:25%;
		margin-left:40px;
}

	header.main .header-content input {
		width:57%;
		margin-right:40px;
}

	header.main .header-content input {
		width:57%;
		height:30px;
		margin-right:40px;
		padding:8px 10px;
	}

	header.main .header-content button.search-button {
    right: 60px;
}

	header.main .header-content a {
		top:60px;
		right:20px;
	}

	header.main .main-nav {
		width:100%;
	}

	nav.main-nav ul li {
		font-size:14px;
	}

	nav.main-nav ul li .nav-submenu ul h2 {
		font-size:14px;
	}

	nav.main-nav ul li .nav-submenu ul li {
		font-size:14px;
		padding:3px 0;
	}
	.sidebar {
		width:200px;
	}

}

@media only screen and (max-width: 1000px) {
	.sidebar {
		width: 160px;
	}
	#breadbox h4 {
		font-size: 14px;
	}
	#breadbox h5 {
		font-size: 14px;
	}
	#breadbox a {
		font-size: 14px;
	}
	.sidebar ul.tertiary {
		font-size: 14px;
	}
	.tertiary li a {
		font-size: 12px;
	}
	.tertiary li {
		width: 160px;
	}
	.ms-label {
		width:auto;
	}
}

.noSideBar #page {
	margin: 20px auto;
}

/* Navigation dropdown styling */
	/* Inspiration Nav */
	.nav-submenu-container .column-two h3,
	.nav-submenu-container .section1 h3 {
		font-size: 16px;
		margin-bottom: 16px;
		line-height: 24px;
		font-weight: bold;
		padding: 0px;
	}
	.nav-submenu-container .column-one {
		float: left;
		background-color: #f1f1f1;
		width: 283px;
	}
	nav.main-nav .column-one > ul {
		margin: 16px 0px 16px 16px;
		line-height: 30px;
	}
	.nav-submenu-container .column-one .menu-item {
		padding: 12px 18px 12px 22px;
		margin: 1px 0;
	}
	.nav-submenu-container .column-one .menu-item:hover {
		background-color: #00446a;
	}
	.nav-submenu-container .column-one .menu-item > a {
		color: #77787b;
		font-weight: bold;
		font-size: 16px;
	}
	.nav-submenu-container .column-one .menu-item:hover a {
		color: white;
	}
	.nav-submenu-container .column-two {
		float: left;
		width: 367px;
		padding-left: 18px;
		margin: 21px 25px;
	}
	.nav-submenu-container .column-two p {
		padding-bottom: 26px;
		color: #77787b;
		font-size: 15px;
		width: 382px;
		line-height: 26px;
	}
	.nav-submenu-container .column-two a, 
	#main-menu .nav-submenu-container .section1 a {
		color: #007fa3;
	}
	.nav-submenu-container .column-two a:hover,
	.nav-submenu-container .section1 a:hover {
		color: #77787b !important;
		text-decoration: none;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	.nav-submenu-container .column-three, 
	.nav-submenu-container .section2 {
		float: right;
		margin: 20px;
	}
	.nav-submenu-container .mega-submenu {
		width: 0;
		visibility: hidden;
		position: absolute;
		overflow: hidden;
	}
	.nav-submenu-container .column-one li:hover .mega-submenu {
		top: -16px;
		left: 100%;
		background-color: #fff;
		visibility: visible;
		width: 757px;
	}
	.nav-submenu-container .section1 {
		width: 367px;
		float: left;
		padding-left: 17px;
		margin: 21px 25px;
	}
	.nav-submenu-container .section1 ul {
		line-height: 31px;
	}
	.nav-submenu-container .section1 li a {
		font-size: 14px;
	}
	.nav-submenu-container .section1 .paragraph {
		color: #77787b;
		font-size: 15px;
		line-height: 26px;
		margin-top: 16px;
	}
	.nav-submenu-container .section1 .p-bullet {
		text-indent: -17px;
		margin-left: 19px;
	}
	.nav-submenu-container .section1 .p-bullet::before {
		display: inline-block;
		content: "";
		height: 7px;
		width: 7px;
		margin-right: 5px;
		margin-bottom: 3px;
		background-color: #007fa3;
	}
	.nav-submenu-container .section1 .divider {
		border-bottom: 2px solid #e5e5e5;
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.nav-submenu-container .section1 .float-list {
		columns: 2;
	}
	.nav-submenu-container .spotlight {
		border-left: 2px solid #e5e5e5;
		padding-left: 26px;
		margin: 30px 26px;
	}
	.nav-submenu-container .section2b {
		background: #f1f1f1;
		width: 211px;
		border: 1px solid #ccc;
		padding: 21px 15px 5px;
		text-align: center;
	}
	.nav-submenu-container .section2b .quote-icon {
		background: #6bc7b8;
		padding: 14px;
		font-size: 14px;
		border-radius: 25px;
	}
	.nav-submenu-container .section2b .quote-p {
		font-size: 18px;
		font-style: italic;
		color: black;
		margin-top: 15px;
		line-height: 31px;
		border-top: 3px solid #6bc7b8;
		border-bottom: 3px solid #6bc7b8;
		margin-bottom: 20px;
		padding: 31px 0;
	}
	#arrow,
	#arrow-two,
	#arrow-three,
	#arrow-four,
	#arrow-five {
		height: 20px;
		background-color: #00446a;
		width: 20px;
		position: absolute;
		left: 257px;
		transform: rotate(45deg);
		display: none;
	}
	.nav-submenu-container #arrow {
		top: 17px;
	}
	.nav-submenu-container #arrow-two {
		top: 72px;
	}
	.nav-submenu-container #arrow-three {
		top: 127px;
	}
	.nav-submenu-container #arrow-four {
		top: 183px;
	}
	.nav-submenu-container #arrow-five {
		top: 237px;
	}
	.nav-submenu-container .column-one li:hover #arrow,
	.nav-submenu-container .column-one li:hover #arrow-two,
	.nav-submenu-container .column-one li:hover #arrow-three,
	.nav-submenu-container .column-one li:hover #arrow-four,
	.nav-submenu-container .column-one li:hover #arrow-five {
		display: block;
	}
	.nav-submenu-container {
		text-transform: none;
	}
	nav.main-nav .nav-submenu-container a {
		display: inline;
	}
	nav.main-nav .nav-submenu-container ul {
		width: auto;
	}
	nav.main-nav .nav-submenu-container ul li {
		display: block;
		margin: 0px 0;
		text-transform: none;
	}
	nav.main-nav .nav-submenu-container a {
		padding: 0px;
	}
	nav.main-nav .nav-submenu-container .menu-item > a {
		padding: 18px 0px;
	}
	.nav-submenu-container img {
		display: block;
	}

	/* Our Showroom Img Nav */
	.column-img {
	float: left;
    padding: 23.4px 0 0;
    width: 346.66px;
    height: 283px;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
	}
	.column-img h3 {
	font-size: 15px;
	text-align: center;
	color: #007fa3;
	margin: 28px 0;
	letter-spacing: -0.29px;
	padding: 0;
    font-weight: bold;
	}
	.column-img img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	.column-img:hover {
	background: #f1f1f1;
	}
	.column-img:hover h3 {
		color: #7a7b7e;
	}

	/* Plumbing Lighting & Appliances Nav */
	.nav-submenu-container .nav-column li a { 
		color: #77787b;
		font-size: 15px;
	}
	.nav-submenu-container .nav-column ul li a:hover {  
		color: #007fa3;
		-webkit-transition: all 250ms ease-in-out;
		-moz-transition: all 250ms ease-in-out;
		-ms-transition: all 250ms ease-in-out;
		-o-transition: all 250ms ease-in-out;
		transition: all 250ms ease-in-out;
	}
	.nav-submenu-container .nav-column ul { 
		line-height: 26px;
		margin-top: 13px;
	}

	#main-menu .nav-submenu-container .image-links {
		font-weight: bold;
		color: #007fa3;
	}
	#main-menu .nav-submenu-container .image-links:hover {
		color: #77787b;
	}
	.nav-submenu-container .nav-column h3 a {
		text-transform: uppercase;
		text-decoration: none;
		color: #007fa3;
		font-size: 17px;
		font-weight: bold;
	}
	#main-menu .nav-submenu-container .nav-column h3 a:hover  { 
		color: #77787b;
	}
	.nav-submenu-container .nav-column h3 {
		padding: 0;
		margin: 0;
	}
	.column1-plumbing {
		width: 220px;
		float: left;
		margin: 31px 0px;
		padding-left:32px;
	  }
	  .column2-plumbing {
		width: 220px;
		border-left: 1px solid #ccc;
		height: 243px;
		float: left;
		padding-left:32px;
		margin: 31px 0px;
	  }
	  .column3-plumbing {
		float: left;
		margin-top: 54px;
		width: 220px;
	  }
	  .image-column {
		border-left: 1px solid #ccc;
		height: 237px;
    	float: right;
    	padding: 6px 32px 0;
    	margin-top: 31px;
	  }
	  .image-column img {
		width: 250px;
	}
	  .nav-submenu-container .image-column ul {
		margin-top: 10px;
	  } 
	  .column1-lighting {
		width: 220px;
		float: left;
		padding-left: 32px;
		margin: 31px 0px;
	  }
	  .column2-lighting {
		width: 220px;
		float: left;
		margin-top: 54px;
	  }
	  .column3-lighting {
		width: 220px;
		border-left: 1px solid #ccc;
		height: 243px;
		float: left;
		margin: 31px 0px;
		padding-left: 32px;
	  }
	  .column1-appliances {
		width:330px;
		float:left;
		padding-left: 32px;
		margin: 31px 0px;
	  }
	  .column2-appliances {
		width: 330px;
		border-left: 1px solid #ccc;
		height: 243px;
		float: left;
		padding-left: 32px;
		margin: 31px 0px;
	  }

	/* Nav Media Queries */
	@media only screen and (max-width: 1070px) {
	.nav-submenu-container .column-one .menu-item > a {
		font-size: 15px;
	}
	.nav-submenu-container .column-one li:hover .mega-submenu {
		width: 717px;
	}
	.nav-submenu-container .section1 ul {
		line-height: 30px;
	}
	.nav-submenu-container .spotlight {
		margin: 30px 23px;
	}

	/* Plumbing Lighting & Appliances */
	.image-column {
		border-left: 1px solid #ccc;
		float: right;
		padding: 6px 12px 0;
		margin-top: 31px;
	}
	.nav-submenu-container .nav-column ul { 
		line-height: 20px;
	}
	
	/* Our Showroom */
	.column-img {
		width: 332.67px;
	}
	}

/* My Store top nav dropdown */


.my-store-info {
	font-size:13px;
	padding:3px;
}
.top-nav-dropdown {
    text-align: left;
    margin-top: 22px;
    margin-left:-5px;
    padding:13px;
    box-shadow: 0px 3px 8px rgba(0,0,0,0.3);
}
.my-store-near-by-stores {
    margin-bottom: 0px;
    padding:3px;
}
.my-store-near-by-stores-header{
	font-weight: bold;
	color: #00446a;
	padding:3px;
}

a.my-store-make-mine {
	margin:0 0 0 3px;
}

.my-store-make-mine .fa-location-arrow {
	float: none !important;
    padding-right: 3px !important;
    margin-right:0!important;
}
.my-store-this-is-my-store {
	font-weight: bold;
	padding:2px 0;
}

.my-store-this-is-my-store .fa {
	margin-right:0!important;
}

.top-nav-dropdown ul {
	text-shadow:none!important;
}

header.masthead li .top-nav-dropdown li {
	color:#4e4e4e;
	display:block;
	padding:2px 0;
	margin:0;
	text-shadow:none;
	line-height:18px;
}

.top-nav-dropdown li a {
    font-family: inherit;
	font-size: 12px!important;
}

#my-store-zip input {
	padding: 7px;
	width: 90%;
	border:1px solid #6e6e6e;
	color:#6e6e6e;
}

#my-store-zip input::-ms-clear {
	width : 0;
	height: 0;
  }

.my-store-enter-zipcode {
	margin-top: 10px;
}



button.mystore-sbtn {
    background: none !important;
    border: none;
    padding: 0;
    cursor: pointer;
    position: absolute;
    bottom: 24px;
    right: 24px;
    color:#6e6e6e;
}

button.mystore-sbtn .fa {
	margin-right:0!important;
}

.my-store-hr {
    border-bottom: 1px solid #77787b!important;
    padding-top: 11px;
    margin-bottom: 10px;
}

.dropdown-arrow {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    transform: rotate(45deg);
    z-index: 2;
    border-width: 10px;
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    transition: box-shadow 0s ease .1s;
    top: -10px;
    left: 25%;
	box-shadow: -2px -2px 2px -1px rgba(0,0,0,0.15);
}


/* Homepage banner */

.slideshow-nav {
	position: absolute;
	top: 250px;
	z-index: 175;
	width: 100%;
	overflow: hidden;
}
.slideshow-nav li {
	list-style: none;
}
.slideshow-nav li a {
	color: #fff;
	font-size: 30px;
}
.slideshow-nav li a:hover {
	color: #f1f1f1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.slideshow-nav li #cycle-prev {
	float: left;
	padding-left: 25px;
}
.slideshow-nav li #cycle-next {
	float: right;
	padding-right: 25px;
}
.main-banner {
	width: 100%;
	height: 550px;
	position: relative;
	top: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
}

.main-banner a {
	text-decoration: none;
	display: block;
}

.main-banner-link {
	width: 100%;
	height: 550px;
}

.main-banner-text {
	width: 1040px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	top: 400px;
}

.main-banner-text a {
	text-decoration: none!important;
	width: 100%;
}

.main-banner-text h1 {
	margin: 10px 0;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 30px;
	color: #101820;
	font-weight: normal;
}

.main-banner-text h2 {
	margin: 30px 0;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 18px;
	color: #77777b;
}

.main-banner-text h1 span {
	background: #fff;
	padding: 10px;
}

.main-banner-text h2 span {
	background: #fff;
	padding: 10px;
}

/* Homepage Content */

#content-container.homepage {
	width: 100%!important;
	margin: 0!important;
	min-height: 600px;
	padding: 0!important
}
#content {
	width: 1040px;
	margin: 10px auto;
	min-height: 600px;
	padding: 0!important
}
#hp-copy-section-container {
	background: #e5eaed;
	width: 100%;
}
#hp-copy-section {
	width: 1040px;
    margin: 0px auto 20px auto;
    padding: 40px 0;
}
#hp-copy-section h2 {
	text-align: center;
	font-size: 30px;
	margin: 10px 0;
}
#hp-copy-section h3 {
	text-align: center;
	margin: 10px 0;
}
#hp-copy-section p {
	margin: 10px 0;
	line-height: 25px;
}
#hp-section-1-container {
	width: 1040px;
	margin: 0 auto;
	padding: 60px 0 80px 0;
	background: #fff;
}
#hp-section-1-container .hp-icon-box {
	float: left;
	width: 255px;
	text-align: center!important;
}
#hp-section-1-container .hp-icon-box a svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 1;
}
#hp-section-1-container .hp-icon-box a svg:hover {
	fill: #101820!important;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-1-container .hp-icon-box.product-icon a svg {
	fill: none;
	stroke: #7a7b7e!important;
	stroke-width: 5;
}
#hp-section-1-container .hp-icon-box.product-icon a:hover svg {
	fill: none!important;
	stroke: #101820!important;
	stroke-width: 5;
}
#hp-section-1-container .hp-icon-box.inspiration a svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box.inspiration a:hover svg {
	fill: #101820!important;
	stroke: #101820;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box.contact-us a svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box.contact-us a:hover svg {
	fill:#101820!important;
	stroke: #101820;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box.visit-us a svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box.visit-us a:hover svg {
	fill: #101820!important;
	stroke: #101820;
	stroke-width: 2;
}
#hp-section-1-container .hp-icon-box h3 a {
	color: #7a7b7e;
	text-decoration: none;
	font-size: 20px;
	text-align: center!important;
		-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-1-container .hp-icon-box h3 a:hover {
	color:#101820;
}
#hp-section-2-container {
	width: 100%;
	margin: 20px auto;
	padding: 10px 0;
	background: url(images/promo/main-findinspiration.jpg) no-repeat;
	background-position: center;
	height: 600px;
}
#hp-section-2 {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	top: 70px;
}
#hp-section-2 h2 {
	margin: 10px auto;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
#hp-section-2 h3 {
	margin: 0 auto;

	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 24px;
	color: #3a4449;
	text-align: center;
	position: relative;
	top: 50px;
}
#hp-section-2 h3 span {
	background: #fff;
	padding: 10px;
}
#hp-section-2 h3 span a, #hp-section-2 h3 span a:link, #hp-section-2 h3 span a:visited {
	color: #3a4449;
}
#hp-section-2 p {
	color: #eee;
	font-size: 20px;
	line-height: 24px;
	margin: 10px 0 15px 0;
}
#hp-section-2 ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#hp-section-2 li {
	line-height: 40px;
	font-size: 18px;
	color: #eee;
}
#hp-section-2 li a, #hp-section-2 li a:visited, #hp-section-2 a:active {
	color:#eee!important;
}
#hp-section-2 li a:hover {
	color:#c6c4c4!important;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-3-container {
	width: 100%;
	background: #fff;
}
/* Carousel Style */
#hp-section-3 .carousel-container {
	display: block;
}
#hp-section-3 .cycle-slideshow {
	float: left;
	width: 960px;
	height: 350px;
	overflow: hidden;
}
#hp-section-3 .cat-container {
	width: 164px;
	display: inline;
	font-size: 16px;
	text-align: center;
	margin: 0px 10px;
}
#hp-section-3 .cat-container img {
	height: auto;
	float: center;
	margin-bottom: 10px;
}
#hp-section-3 .left {
	width: 40px;
	float: left;
	margin: 170px 0px;
}
#hp-section-3 .right {
	width: 40px;
	float: right;
	margin: 170px 0px;
}
#hp-section-3.product-container {
	width: 960px;
}
#hp-section-3 {
	width: 1040px;
	margin: 50px auto 90px auto;
}
#hp-section-3 h2 {
	margin: 0 0 10px 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 30px;
	color: #101820;
	text-align: center;
}
#hp-section-3 h3 {
	margin: 0 0 50px 0;
	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 22px;
	color: #777a77;
	text-align: center;
}
#hp-section-3 .fa.fa-chevron-left {
	font-size: 35px;
	color: #d2d2d2;
}
#hp-section-3 .fa.fa-chevron-right {
	font-size: 35px;
	color: #d2d2d2;
}
#hp-section-3 .fa.fa-chevron-left:hover, #hp-section-3 .fa.fa-chevron-right:hover {
	color: #898989;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-3 #product-nav-left {
	float: left;
	width: 40px;
}
#hp-section-3 #product-nav-right {
	float: right;
	width: 40px;
}
#hp-section-3 .hp-product-box-container {
	width: 900px;
	float: left;
}
#hp-section-3 .hp-product-box {
	float: left;
	width: 300px;
	text-align: center!important;
	margin: 10px 20px;
}

#hp-section-3 .hp-product-box h4 {
	margin:10px;
}

#hp-section-3 .hp-product-box h4 a {
	color: #7a7b7e;
	text-decoration: none;
	font-size: 22px;
	text-align: center!important;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	padding:10px;
	text-transform:uppercase;
}
#hp-section-3 .hp-product-box h4 a:hover {
	color:#58585a;
}
#hp-section-4-container {
	width: 100%;
	background: #e5e5e5;
}
#hp-section-4 {
	width: 1040px;
	padding: 70px 0 90px 0;
	margin: 30px auto 0 auto;
}
#hp-section-4 h2 {
	margin: 20px 0;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 30px;
	color: #101820;
	text-align: center;
}
#hp-section-4 h3 {
	margin: 20px 0;
	font-weight: bold;
	font-size: 18px;
	color: #7a7b7e;
	text-align: center;
}
#hp-section-4 .hp-contact-box {
	float: left;
	width: 260px;
	text-align: center;
}
#hp-section-4 .hp-contact-box p {
	border: 1px solid #7a7b7e;
	padding: 10px;
	text-align: center;
	width: 125px;
	margin: 0 auto 10px auto;
	height: 45px;
	color: #7a7b7e;
}
#hp-section-4 .hp-contact-box p:hover {
	border: 1px solid #7a7b7e;
	background: #7a7b7e;
	color: #fff;
	padding: 10px;
	text-align: center;
	width: 125px;
	margin: 0 auto 10px auto;
	height: 45px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-4 .hp-contact-box.contact-us svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 5;
}
#hp-section-4 .hp-contact-box.contact-us svg:hover {
	fill: #101820!important;
	stroke: #101820;
	stroke-width: 5;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-4 .hp-contact-box.chat-with-us svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 1;
}
#hp-section-4 .hp-contact-box.chat-with-us svg:hover {
	fill: #101820!important;
	stroke: #101820;
	stroke-width: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-4 .hp-contact-box.visit-us svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 1;
}
#hp-section-4 .hp-contact-box.visit-us svg:hover {
	fill: #101820!important;
	stroke: #101820;
	stroke-width: 1;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-4 .hp-contact-box.locations svg {
	fill: #7a7b7e;
	stroke: #7a7b7e;
	stroke-width: 4;
	height: 125px;
}
#hp-section-4 .hp-contact-box.locations svg:hover {
	fill: #101820!important;
	stroke: #101820;
	stroke-width:4;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-4 .hp-contact-box a.section-4-link {
	border: 1px solid #7a7b7e;
	padding: 10px;
	text-align: center;
	width: 125px;
	margin: 0 auto 10px auto;
	display: block;
	text-decoration: none!important;
	color: #7a7b7e;
	height: 45px;
}
#hp-section-4 .hp-contact-box a.section-4-link span, #hp-section-4 .hp-contact-box p span {
	position: relative;
	top: 10px;
	text-decoration: none!important;
}
#hp-section-4 .hp-contact-box a.section-4-link:hover {
	border: 1px solid #7a7b7e;
	background: #7a7b7e;
	padding: 10px;
	text-align: center;
	width: 125px;
	margin: 0 auto 10px auto;
	display: block;
	text-decoration: none!important;
	color: #fff;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}

#hp-section-5-container {
	width: 100%;
	background: #b2c0ca;
}
#hp-section-5 {
	width: 1040px;
	padding: 0 0 90px 0;
	margin: 0 auto 106px auto;
	height: 510px;
}
#hp-section-5-left {
	float: left;
	width: 375px;
}
#hp-section-5-left h2 {
	margin: 70px 0 10px 0;
	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 30px;
	color: #3a4449;
	text-align: left;
}
#hp-section-5-left p {
	font-size: 20px;
	color: #3a4449;
	margin: 5px 0 20px 0;
}
#hp-section-5-left a {
	border: 1px solid #fff;
	padding: 20px;
	text-align: center;
	margin: 20px auto 20px auto;
	display: block;
	text-decoration: none;
	color: #fff;
	height: auto;
	font-weight: bold;
	font-size: 18px;
}
#hp-section-5-left a:hover {
	background: #fff;
	color: #b2c0ca;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#hp-section-5-left a span {
	position: relative;
}
#hp-section-5-right {
	float: right;
	position: relative;
}
#hp-section-5-right img {
	position: absolute;
	right: 0;
	top: -20px;
}
#hp-section-5-right h3 {
	margin: 0 auto;
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 18px;
	color: #3a4449;
	position: relative;
	top: 470px;
	z-index: 10;
	text-align: left;
	left:-100px;
}
#hp-section-5-right h4 {
	margin: 50px auto;
	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 16px;
	color: #3a4449;
	position: relative;
	top: 453px;
	z-index: 10;
	text-align: left;
	left:-100px;
}
#hp-section-5-right h5 {
	margin: 50px auto;
	
	font-weight: normal;
	text-transform: uppercase;
	letter-spacing: 0.09em;
	font-size: 16px;
	color: #3a4449;
	position: relative;
	top: 437px;
	z-index: 10;
	text-align: left;
	left:-100px;
}
#hp-section-5-right h3 span, #hp-section-5-right h4 span, #hp-section-5-right h5 span {
	background: #fff;
	padding: 10px;
}
/* footer */

#footer-container {
	width: 100%;
	background: #3b3b3c;
	min-height: 100px;
}
#footer {
	width: 1040px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#footer-top-left {
	float: left;
	margin: 10px 0 30px 0;
	width: 640px;
}
#footer-top-right {
	float: right;
	margin: 10px 0 30px 0;
	width: 400px;
}
#footer-top-right a {
	display: block;
	color: #fff;
	background: #7fb4b5;
	text-align: center;
	transition: ease-out 0.3s;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: bold;
	padding: 10px;
}
#footer-top-right a:hover {
	display: block;
	color: #fff;
	background: #b2d2d3;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 25px;
	font-weight: bold;
	padding: 10px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#footer h2 {
	font-size: 25px;
	color: #fff;
	margin:0;
	font-weight: normal;
	text-transform: uppercase;
}
#footer-nav {
	width: 1040px;
	margin: 0px 0 25px 0;
	text-align: center;
}
#footer ul {
	list-style: none;
}
#footer li {
	color: #fff;
}
#footer li a {
	color: #fff;
	text-decoration: none;
}
#footer li a:hover,
.footer-heading a:hover {
	color: #7fb4b5;
	text-decoration: none;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
.bottom-footer li+li a:before {
	content: "|";
	padding-right: 10px;
	color: #fff;
}
#footer p {
	color: #fff;
	text-align: center;
    font-size: 14px;
    float: left;
    margin-right: 240px; /* GW update for CCPA */
}
.social-footer li {
    padding-right: 10px;
}
#footer #footer-social {
	margin: 10px 0;
	width: 1040px;
}
#footer #footer-social ul {
	list-style: none;
	text-align: center;
}
#footer #footer-social ul li a {
	font-size: 30px;
	color: #fff;
	margin: 10px 12px 10px 12px;
}
#footer #footer-social ul li a:hover {
	font-size: 30px;
	color: #7fb4b5;
	margin: 10px 12px 10px 12px;
	-webkit-transition: all 0.15s ease-in-out;
	-moz-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
}
#footer #footer-social ul li a:before {
	content: ""!important;
}

/* New Footer Style */
.footer .col {
	height: auto;
    /* display: table-cell; */
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: left;
}
.footer .col:first-child {
    padding-left: 0px;
}
.footer .col h1 {
	margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 16px;
    color: #fff;
	margin: 18px 0;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
}
.footer-heading a {
	color: white;
}
h1.footer-heading i {
    margin-right: 5px;
}
.footer .col ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.footer .col ul li {
    font-size: 13px;
    font-family: inherit;
    cursor: pointer;
    margin-bottom: 10px;
    transition: .2s;
    -webkit-transition: .2s;
    -moz-transition: .2s;
}
.footer .contain .col .social-footer {
	margin-top: 20px;
}
#footer .social-footer li a:before {
    content: ""!important;
}
ul.social-footer li {
    display: inline-block;
}
.bottom-footer li {
	display: inline-block;
}
ul.social-footer i {
    font-size: 20px;
}
.footer .contain {
	display: flex;
    justify-content: space-between;
}
.footer {
	border-bottom: 1px solid #ddd;
    padding-bottom: 10px;	
}
#footer-container-cta {
    width: 100%;
    background: #4d4d4e;
    min-height: 100px;
}
.bottom-footer {
	display: inline;
}
#footer .bottom-footer li a {
    font-size: 12px;
}
.footer-heading i.fa.fa-map-marker {
    margin-left: 0px;
}
/* End New Footer Style */

/* My Account Page */

#content .my-account {
	width: 1040px;
	margin: 0 auto;
}
#content .my-account h1 {
	font-size: 22px;
}
#content .my-account #my-account-left-col {
	float: left;
	width: 500px;
	border-right: 1px solid #f1f1f1;
}
#content .my-account #my-account-right-col {
	float: right;
	width: 500px;
}
#content .my-account .my-account-section {
	margin: 20px 0 10px 0;
}
#content .my-account .my-account-section form {
	margin: 10px 0 20px 0;
}
#content .my-account .my-account-section label {
	font-size: 16px;
	display: inline-block;
	width: 150px;
}
#content .my-account .my-account-section input {
	width: 200px;
	padding: 6px 0;
	margin: 15px 0;
	border: 1px solid #ccc;
}
#content .my-account .my-account-section input:focus {
	background: #f1f1f1;
	outline: none;
}
#content .my-account .my-account-section .my-account-button {
	background: #3c4349;
	padding: 8px 15px;
	color: #fff;
	border: none;
	display: block;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.cta-primary {
	display: inline-block;
	font-size: 18px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	color: #fff!important;
	background: #007fa3;
	border: 2px solid #007fa3;
	padding: 12px 18px;
	transition: ease-out 0.3s;
	margin-bottom: 10px;
	font-family:'Open Sans', sans-serif;
}
.cta-primary:hover {
	background: #002b49!important;
	border: 2px solid #002b49;
}
.cta-secondary {
	display: inline-block;
	font-size: 18px;
	text-decoration: none!important;
	text-transform: uppercase;
	color: #6acabb!important;
	background: #fff!important;
	padding: 12px 18px;
	transition: ease-out 0.3s;
	border: 2px solid #6acabb;
	margin-bottom: 10px;
	font-family:'Open Sans', sans-serif;
}
.cta-secondary:hover {
	background: #005d5e!important;
	border: 2px solid #005d5e!important;
	color: #fff!important;
}

.cta-tertiary {
	display: inline-block;
	font-size: 18px!important;
	text-decoration: none!important;
	text-transform: uppercase!important;
	color: #fff!important;
	background: #005d5e;
	border: 2px solid #005d5e;
	padding: 12px 18px;
	transition: ease-out 0.3s;
	margin-bottom: 10px;
	font-family:'Open Sans', sans-serif;
}
.cta-tertiary:hover {
	background: #488b8f!important;
	border: 2px solid #488b8f;
}

.cta-small {
	font-size: 16px!important;
	padding: 6px 10px;
	margin-left:1px;
}
/* Older CSS */



#ph_call_line {
	color: #111;
}
#ph_location_cart {
	height: 40px;
	width: auto;
	margin-top: 21px;
	margin-bottom: 0px;
	padding: 0px;
	float: right;
}
#shopping_cart_empty {
	background: url(images/cart_empty_bg.gif) no-repeat top left;
}
#ph_cart_left {
	width: 145px;
}
#ph_cart_middle {
	background: url('images/ph_cart_middle.gif') repeat-x top left;
}
#ph_cart_middle p {
	font-size: 11px!important;
	color: #111;
	padding: 5px 0px 5px 8px!important;
}
#ph_cart_middle a {
	font-size: 11px!important;
	text-decoration: underline;
	padding-top: 3px;
}
#ph_cart_right {
	background: url('images/ph_cart_right.gif') no-repeat top left;
}
#ph_searchBar {
	width: 1000px;
	background: url(images/ph_searchBar_bg.gif) repeat-x top left;
	height: 40px;
	margin: 0;
	padding: 0px;
}
#ph_breadCrumb {
	width: 700px;
	float: left;
	height: 40px;
	position: relative;
}
#breadcrumb_rollover {
	height: 30px;
	padding-top: 6px;
	margin-left: 10px;
}
#navigation {
	background: url(images/nav_bg.gif) repeat-x top left;
}
#top_links ul {
	list-style: none;
	padding: 0px;
}
#top_links li {
	list-style-type: none;
	font-size: 11px;
	padding-right: 5px;
	float: left;
}
.searchbox {
	color: #111;
	padding: 1px;
}
.searchbutton {
	margin-top: 6px;
}
#content.noSideBar {
	background: none;
}
.sale a {
	color: #FF0000;
}
/* Sidebar Styles */

.sidebar_header {
	background: url(images/sidebar_header_bg.gif) no-repeat top left;
}
.sidebar h3 {
	width: 175px;
	padding: 5px 5px;
	color: #111;
	border-top: 1px solid #d7e5ec;
	border-bottom: 1px solid #d7e5ec;
}
#sp_sidebar h3 {
	color: #111;
	font-size: 16px;
	width: 138px;
	padding: 5px;
	line-height: 16px;
	background-color: #fff;
	border: 1px solid #d7e5ec;
}
.sidebar .subHeader {
	font-weight: bold;
	margin: 0;
	padding: 0 5px;
	border: none;
}
/* Mobile homepage Styles */

.mobile-section {
	display: none;
}
.mobile-section li {
	float: left;
	margin-right: 10px;
	width: 150px;
}
.mobile-section li.banner {
	width: 100%;
}
.mobile-section li.banner img {
	width: 100%;
	height: auto;
}
.mobile-section li img {
	width: 150px;
	height: 150px;
}
.mobile-section a span {
	background: #0ba0e2;
	font-size: 18px;
	padding: 5px 10px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
.mobile-section .banner a span {
	background: #0ba0e2;
	font-size: 18px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
.mobile-section .banner span {
	font-family: 'Noto Sans', sans-serif;
	background: #0ba0e2;
	font-size: 18px;
	padding: 10px;
	color: #fff;
	text-transform: uppercase;
	display: block;
	text-align: center;
}
.mobile-section a:hover {
	text-decoration: none;
}
/* Network Banner Styles */
	
#network_top {
	background: url('images/network_bg_top.gif') no-repeat top left;
}
#network_content {
	border-left: 1px solid #d7e5ec;
	border-right: 1px solid #d7e5ec;
	background-color: #e5f3f9;
}
#network_bottom {
	background: url('images/network_bg_btm.gif') no-repeat top left;
}
img.sp_app_shot {
	float: right;
	margin: 10px;
}
/* Search Results Styles */
	
.sr_pageCount {
	background: #efefef;
	border: 1px solid #c4c4c4;
	border-top: none;
}
/*  Product Detail Styles */
/*  Use Prefix pd_ */


#boxenlarge {
	margin-top: -70px;
}
#pd_product_selector {
	border: 1px solid #d7e5ea;
	background-color: #faf7e8;
}
#pd_product_selector.noBackground {
	background-color: #fff;
	border: none;
}
#finishContainer {
	border: 1px solid #d7e5ea;
}
#finishContainer.noBackground {
	border: none;
}
.pd_prod_finish {
	background-color: #fff;
}
.pd_finish_colorchip {
	text-align: center;
}
.selectedFinish {
	border: 1px solid #d7e5ea;
	background-color: #faf7e8;
}
.pd_related_items_header {
	background: url(images/pd_related_items_header.gif) no-repeat top left;
}
.pd_related_items_header h3 {
	color: #efefef;
}
.pd_related_items_product h4 {
	color: #078dca;
}
.pd_similar_products {
	background: #02486c;
	color: #fff;
}
/* Rules and Regulations, Ratings and Reviews pages */

#rnr_container {
	color: #000000;
	background: url('images/promo/rules_regulations_background.jpg') top right no-repeat;
}
#rnr_left p a, #rnr_left p a:link, #rnr_left p a:visited, #rnr_left p a:hover, #rnr_left p a:active {
	color: #02466a;
}
/* Landing Pages */

.pp_cat_section {
	width: 750px;
	padding: 0;
	margin:0;
}
.pp_cat_section_top {
	height: 40px;
	width: 750px;
}
.pp_cat_section_middle {
	width: 728px;
	margin: 0 auto;
	padding: 10px;
}
.pp_middle_container {
	width: 730px;
	margin: 0 auto;
}
.pp_cat_section_bottom {
	height: 10px;
	width: 750px;
}
.pp_cat_section_top h3 a, .pp_cat_section_top h3 a:link, .pp_cat_section_top h3 a:visited, .pp_cat_section_top h3 a:active {
	text-decoration: none;
}
.pp_cat_section_top h3 a:hover {
	text-decoration: underline;
}
.pp_cat_section_product {
	width: 175px;
	float: left;
	margin: 0 7px 0 0;
}
.pp_cat_section_product h4 {
	
}
.pp_cat_section_product h4 a, .pp_cat_section_product h4 a:link, .pp_cat_section_product h4 a:visited, .pp_cat_section_product h4 a:hover, .pp_cat_section_product h4 a:active {
	text-decoration: underline;
}
.pp_cat_section_product img {
	margin: 10px 0 10px 0;
}
.pp_cap_section_product_vm {
	width: 728px;
	text-align: right;
	position: relative;
	top: 10px;
	padding: 4px 0;
}
.pp_cap_section_product_vm a, .pp_cap_section_product_vm a:link, .pp_cap_section_product_vm a:visited, .pp_cap_section_product_vm a:active {
	font-size: 16px;
	font-weight: bold;
	color: #46b9f4;
	text-decoration: none;
}
.pp_cap_section_product_vm a:hover {
	text-decoration: underline;
}
.pp_cap_section_product_vm img {
	padding: 0 5px 0 0;
	text-decoration: none;
}
/* New Landing Page Style */
#sp_content {
	width: 100%;
}
#category_bnr {
	width: 100%;
	display: block;
}
.category_column {
	float: left;
}
.category_column .feat_cat {
	position: relative !important;
}
.feat_cat span.cat_title {
	position: absolute;
	display: block;
	text-align: left;
	width: auto;
	padding: 5px;
	bottom: 15px;
	background-color: #101820;
	opacity: 0.7;
	color: #fff;
}
.feat_cat img {
	border: 2px solid #fff;
	opacity: 1.0;
	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}
.feat_cat img:hover {
	opacity: 0.7;
	transition: opacity .55s ease-in-out;
	-moz-transition: opacity .55s ease-in-out;
	-webkit-transition: opacity .55s ease-in-out;
}
.pop_cat_section {
	margin: 10px auto;
}
.pop_cat_section h2 {
    margin-top: 10px;
    padding:10px 0;
}
.pop_cat_section_top, .pop_cat_section_bottom {
	display: block;
}
.pop_cat_section_bottom {
	padding-top: 20px;
	border-top: 1px solid #eee;
}
.pop_cat_section_bottom ul {
	float: left;
	width: 20%;
	margin-left: 5%;
}
.pop_cat_section_top h3 a:hover {
	text-decoration: underline;
}
.pop_cat_section_product {
	width: 25%;
	float: left;/*margin:10px 35px;*/
}
.pop_cat_section_product img {
	display: block;
	margin: 10px auto;
}
.pop_cap_section_product_vm {
	width: 728px;
	text-align: right;
	position: relative;
	top: 10px;
	padding: 4px 0;
}
.pop_cap_section_product_vm a, .pp_cap_section_product_vm a:link, .pp_cap_section_product_vm a:visited, .pp_cap_section_product_vm a:active {
	font-size: 16px;
	font-weight: bold;
	color: #46b9f4;
	text-decoration: none;
}
.pop_cap_section_product_vm a:hover {
	text-decoration: underline;
}
.pop_cap_section_product_vm img {
	padding: 0 5px 0 0;
	text-decoration: none;
}
.pop_cat_product {
	float: left;
	width: 175px;
	margin: 0 20px;
}
/* Featured Brands */

.fb_cat_section {
	width: 750px;
	padding: 0;
}
.fb_cat_section_top {
	width: 750px;
}
.fb_cat_section_middle {
	width: 728px;
	margin: 0 auto;
	padding: 10px;
}
.fb_middle_container {
	width: 730px;
	margin: 0 auto;
}
.fb_middle_container img {
	float: left;
	margin: 0 20px 10px 0;
}
.fb_cat_section_bottom {
	height: 10px;
	width: 750px;
}
.fb_cat_section_top h3 {
	color: #7a7b7e;
	padding: 11px 12px 11px 16px;
}
.fb_cat_section_top h3 a, .fb_cat_section_top h3 a:link, .fb_cat_section_top h3 a:visited, .fb_cat_section_top h3 a:active {
	font-size: 16px;
	color: #77777b!important;
	text-decoration: none;
}
.fb_cat_section_top h3 a:hover {
	text-decoration: underline;
}
.fb_cat_section_product {
	width: 175px;
	height: 175px;
	float: left;
	margin: 0 7px 60px 0;
}
.fb_cat_section_product h4 {
	font-size: 16px;
	color: #003e74;
}
.fb_cat_section_product h4 a, .fb_cat_section_product h4 a:link, .fb_cat_section_product h4 a:visited, .fb_cat_section_product h4 a:hover, .fb_cat_section_product h4 a:active {
	font-size: 16px;
	color: #003e74;
	text-decoration: underline;
}
.fb_cat_section_product img {
	margin: 10px 0 10px 0;
}
.fb_cap_section_product_vm {
	width: 728px;
	text-align: right;
	position: relative;
	top: 10px;
	padding: 4px 0;
}
.fb_cap_section_product_vm a, .fb_cap_section_product_vm a:link, .fb_cap_section_product_vm a:visited, .fb_cap_section_product_vm a:active {
	font-size: 16px;
	font-weight: bold;
	color: #46b9f4;
	text-decoration: none;
}
.fb_cap_section_product_vm a:hover {
	text-decoration: underline;
}
.fb_cap_section_product_vm img {
	padding: 0 5px 0 0;
	text-decoration: none;
}
.fb_links_section {
	width: 200px;
	float: left;
}
.fb_links_section ul {
	list-style-type: none;
	line-height: 20px;
}
.fb_links_section li {
	font-size: 16px;
	color: #000;
}
/* Site Map */


#expanded_content_top {
	height: 10px;
	width: 1000px;
	margin: 0 auto;
}
#expanded_content {
	width: 978px;
	margin: 0 auto;
	padding: 10px;
}
#expanded_content_bottom {
	height: 10px;
	width: 1000px;
	margin: 0 auto;
}
.sm_container {
	width: 958px;
	margin: 0 auto;
	padding: 41px 0 0 0;
}
.sm_content_top {
	height: 40px;
	width: 960px;
}
.sm_content_top h3 {
	font-size: 16px;
	color: #FFF;
	padding: 11px 12px 11px 16px;
}
.sm_content_top h3 a, .sm_content_top h3 a:link, .sm_content_top h3 a:visited, .sm_content_top h3 a:hover, .sm_content_top h3 a:active {
	color: #fff;
}
.sm_content {
	width: 938px;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
	padding: 10px;
}
.sm_content_left {
	float: left;
	width: 465px;
}
.sm_content_left h4, .sm_content_right h4 {
	font-size: 15px;
	color: #02466A;
}
.sm_content_left h4 a, .sm_content_left h4 a:link, .sm_content_left h4 a:visited, .sm_content_left h4 a:active {
	font-size: 15px;
	color: #02466A;
	text-decoration: none;
}
.sm_content_left h4 a:hover {
	text-decoration: underline;
}
.sm_links_section {
	width: 400px;
	margin: 15px 0;
	border-bottom: 1px solid #dedede;
}
.sm_links_section_left {
	float: left;
	width: 190px;
}
.sm_links_section_left ul, .sm_links_section_right ul {
	list-style-type: none;
	line-height: 22px;
}
.sm_links_section_left li, .sm_links_section_right li {
	line-height: 22px;
	list-style-type: none;
	font-size: 16px;
	padding: 0 0 0 18px;
}
.sm_links_section_left ul li a, .sm_links_section_left ul li a:link, .sm_links_section_left ul li a:visited, .sm_links_section_left ul li a:hover, .sm_links_section_left ul li a:active {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}
.sm_links_section_right {
	float: right;
	width: 190px;
}
.sm_links_section_right ul li a, .sm_links_section_right ul li a:link, .sm_links_section_right ul li a:visited, .sm_links_section_right ul li a:hover, .sm_links_section_right ul li a:active {
	font-size: 16px;
	color: #000;
	text-decoration: underline;
}
.sm_links_section h5 {
	font-size: 16px;
	color: #02466A;
}
.sm_links_section h5 a, .sm_links_section h5 a:link, .sm_links_section h5 a:visited, .sm_links_section h5 a:active {
	text-decoration: none;
	font-size: 16px;
	color: #02466A;
}
.sm_links_section h5 a:hover {
	text-decoration: underline;
}
.sm_content_right {
	float: right;
	width: 465px;
}
.sm_content_bottom {
	height: 10px;
	width: 960px;
}
#browseContainer {
	width: 1000px;
	font-size: 12px;
	color: #333;
	text-align: left;
	margin: 10px 0;
	padding: 10px 2px;
}
#browseContainer h1 {
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.3px;
	color: #231F20;
	margin: 0;
}
#browseContainer h2, #browseContainer h2 a, #browseContainer h2 a:link, #browseContainer h2 a:visited, #browseContainer h2 a:active {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	text-decoration: none;
	margin: 5px 0;
}
#browseContainer h2 a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	text-decoration: underline;
	margin: 5px 0;
}
#browseContainer h3, #browseContainer h3 a, #browseContainer h3 a:link, #browseContainer h3 a:visited, #browseContainer h3 a:active {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	text-decoration: none;
	margin: 5px 0;
}
#browseContainer h3 a:hover {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	text-decoration: underline;
	margin: 5px 0;
}
#browseContainer img {
	border: 0;
}
/* Message CSS */
.messagetext {
	font-size: 16px;
	font-weight: bold;
	color: #231F20;
	margin: 10px 0;
	padding: 0;
}
.messagetext14 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.messagetext_normal {
	font-size: 16px;
	color: #000;
	padding: 0;
}
#expanded_content div.ferg_boldchat, #expanded_content div.ferg_boldchat div {
	display: inline
}
.messagetext_normal a, .messagetext_normal a div {
	font-size: 16px;
	color: #231F20;
	font-weight: bold;
	text-decoration: underline;
}
.messagetext_number {
	font-size: 18px;
	font-weight: bold;
}
.errormessage {
	color: #FF0000;
	font-weight: bold;
	font-size: 16px;
}
.cart_number {
	background-color: #00476b;
	color: #fff;
	padding: 8px;
	font-weight: bold;
	border: 1px solid #00476b;
	text-align: right;
	white-space: nowrap;
}
/* Location Finder Popup Styles */

.locationFinderPopup h1 {
	color: #00476b;
}
.popupXClose {
	color: #00476b;
}
/* New Products */

.new_container {
	margin: 10px 0;
	width: 960px;
}
.new_left_column {
	float: left;
	width: 300px;
}
.new_right_column {
	float: right;
	width: 650px;
}
.new_right_column p {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 16px;
	line-height: 21px;
}
.new_right_column p a, .new_right_column p a:link, .new_right_column p a:visited, .new_right_column p a:hover, .new_right_column p a:active {
	color: #003E74;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}
/* Sign Up Page */

#ferg_email_signup_container {
	width: 1000px;
}
#ferg_email_signup_left {
	width: 230px;
	float: left;
}
#ferg_email_signup_right {
	width: 770px;
	float: right;
	background: #fff url(/ferguson/images/email_sign_up_bg.jpg) repeat;
	height: 491px;
}
#ferg_email_signup_right_container {
	width: 710px;
	padding: 0 30px;
}
#ferg_email_signup_right_container h3 {
	font-size: 22px;
	font-weight: bold;
	color: #02466A;
}
#ferg_email_signup_right_container p {
	color: #666;
	font-size: 12px;
	line-height: 20px;
	margin: 10px 0;
}
#ferg_email_signup_form {
	margin: 10px 0;
}
.ferg_email_signup_form_section {
	clear: both;
	float: left;
	margin: 8px 0 0;
	width: 350px;
}
#ferg_email_signup_form label {
	margin: 5px 10px 0 0;
	font-size: 16px;
	float: left;
}
#ferg_email_signup_form input {
	width: 200px;
	text-align: left;
	border: 1px solid #dcdcdc;
	padding: 5px;
	margin: 5px 0;
	float: right;
}
#email_signup_submit_button {
	overflow: hidden;
	position: relative;
	right: -650px;
	top: 70px;
	width: 100px;
}
/* Styles Page */

.style_cat_container {
	margin: 0 auto;
}
.style_cat_section {
	float: left;
	width: 200px;
	margin: 0 55px 10px 0;
}
.style_cat_section ul {
	line-height: 16px;
}
.style_cat_section li {
	list-style-type: none;
	font-size: 12px;
}
.style_cat_section .prodImage {
	border: 1px solid #cecece;
}
.style_cat_section h3 {
	background: url(http://shop.ferguson.com/ferguson/ferguson.com/images/promo/styles_header_bg.jpg) no-repeat;
	width: 200px;
	height: 29px;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}
.style_cat_section h4 {
	color: #02466A;
}
/* Info Center */

.info_center_row {
	margin: 10px 0;
}
.info_center_section {
	float: left;
	width: 225px;
	text-align: center;
}
.info_center_section img {
	border: 1px solid #dedede;
	margin: 10px 0;
}
.info_center_section a, .info_center_section a:link, .info_center_section a:visited, .info_center_section a:hover, .info_center_section a:active {
	color: #003E74;
	text-decoration: underline;
	font-size: 12px;
}
/* CSS for link to Ferguson Online from Shop Sign In page */
.fergOnlineFloatingBox {
	float: right;
	margin: 50px 100px 0 0;
	width: 170px;
	padding: 10px;
	height: 80px;
	font-size: 16px;
	text-align: center;
	border: 1px solid #bdbdbd;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
}
.fergOnlineFloatingBox a.bigLink {
	color: #02486a;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
}
/* Inspiration Page */

.inspiration-1-3-col {
	float: left;
	width: 250px;
	margin-right: 15px;
}

.inspiration-no-margin {
	margin-right: 0;
}
#inspiration-2-col {
	float: left;
	width: 460px;
	margin-right: 15px;
}
.center-promo {
	transition: all 0.3s ease 0s;
}
.center-promo:hover {
	opacity: 0.9;
}
.inspiration-light-blue-buttons {
	display: inline-block;
	font-size: 18px;
	text-decoration: none!important;
	text-transform: uppercase;
	color: #fff;
	background: #007fa3;
	border: 2px solid #007fa3;
	padding: 12px 18px;
	transition: ease-out 0.3s;
	margin-bottom: 10px;
	font-family:'Open Sans', sans-serif;
	text-align: center;
}
.inspiration-light-blue-buttons, .inspiration-light-blue-buttons a:link, .inspiration-light-blue-buttons a:visited, .inspiration-light-blue-buttons a:active {
	color: #fff!important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: block;
	text-decoration: none;
	font-size: 16px;
	position: relative;
	top: 9px;
	transition: all 0.3s ease 0s;
}
.inspiration-light-blue-buttons:hover {
	background: #002b49;
	border: 2px solid #002b49;
}
}
.inspiration-light-blue-middle-button {
	background: #0ba0e2;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 10px 0;
	height: 55px;
}
.inspiration-light-blue-middle-button, .inspiration-light-blue-middle-button a:link, .inspiration-light-blue-middle-button a:visited, .inspiration-light-blue-middle-button a:active {
	color: #fff!important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: block;
	text-decoration: none;
	font-size: 16px;
	position: relative;
	top: 6px;
	padding-top: 6px;
	transition: all 0.3s ease 0s;
}
.inspiration-light-blue-middle-button:hover {
	background: #02486c;
}
.inspiration-light-blue-lg-button {
	background: #0ba0e2;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 10px 0;
	height: 44px;
	padding-top: 9px;
}
.inspiration-light-blue-lg-button, .inspiration-light-blue-lg-button a:link, .inspiration-light-blue-lg-button a:visited, .inspiration-light-blue-lg-button a:active {
	color: #fff!important;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	display: block;
	text-decoration: none;
	font-size: 16px;
	position: relative;
	top: 6px;
}
.inspiration-light-blue-lg-button:hover {
	background: #02486c;
}
.siteDialog {
	_position: absolute;
	background: #FFFFFF;
	z-index: 300!important;
	border: 0!important;
	border-radius: 0!important;
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	box-shadow: 0 0 8px #000;
	-webkit-box-shadow: 0 0 8px #000;
	-moz-box-shadow: 0 0 8px #000;
	font-size: 16px!important;
	line-height: 20px!important;
	padding: 20px!important;
}
/* What's your Style? */

.whats-your-style-1-3-col {
	float: left;
	width: 325px;
	margin-right: 15px;
}
.whats-your-style-1-3-col img {
	margin: 0 0 9px 0;
}
#whats-your-style-2-col {
	float: left;
	width: 320px;
	margin-right: 15px;
}
.whats-your-style-no-margin {
	margin-right: 0;
}

/* the CSS styling below will only be picked up by Safari and Chrome */ 

@media screen and (-webkit-min-device-pixel-ratio:0) {
#ph_location_cart {
	margin-top: 20px;
}
} /* end Safari/Chrome styling */

@media screen and (max-width: 1024px) {

#header {
    width: 1000px;
    margin: 0 auto;
}
#header-left {
    float: left;
    width: 390px;
    padding-top: 22px;
}
#header-center {
    width: 220px;
    float: left;
    text-align: center;
    padding-top: 12px;
}

#header-center img {
	width:210px;
}	
#header-container #nav {
    width: 1000px;
    height: 20px;
    margin: 0 auto;
    position: relative;
    z-index: 190;
	}

header.main .header-content {
	width: 100%;
	}
	.body-container {
		width: 100%;
	}

#nav ul#menu {
    position: static;
    display: block;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
}
#content {
	width: 100%;
	margin: 10px auto;
	min-height: 600px;
	padding: 0!important
}
.main-banner {
    background-size: contain!important;
}
.main-banner-text {
	width: 1040px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    top: 375px;
}
#hp-copy-section {
	width: 985px;
    margin: 0px auto 20px auto;
    padding: 40px 0;
}
#hp-section-1-container {
	width: 1000px;
    margin: 0 auto;
    padding: 60px 0 80px 0;
    background: #fff;
}
#hp-section-1-container .hp-icon-box {
    float: left;
    width: 245px;
    text-align: center!important;
}
#hp-section-5 {
	width: 1000px;
    padding: 0 0 90px 0;
    margin: 0 auto 106px auto;
    height: 510px;
}
#hp-section-2 {
	width: 985px;
	width: 100%;
    margin: 0 auto;
    position: relative;
    top: 70px;
    padding: 0 10px;
}
#hp-section-3 {
	width: 1024px;
    margin: 50px auto 90px auto;
}
#hp-section-4 {
	width: 1000px;
    padding: 70px 0 90px 0;
    margin: 30px auto 0 auto;
}
#hp-section-4 .hp-contact-box {
    float: left;
    width: 250px;
    text-align: center;
}
#footer {
	width: 100%;
    margin: 0 auto;
    padding: 40px 0;
}
#footer-top-left {
    float: left;
	margin: 10px 0 30px 0;
	width: 560px;
}
#footer-nav {
	width: 100%;
    margin: 0px 0 25px 0;
    text-align: center;
}
#footer #footer-social {
    margin: 10px 0;
	width: 1000px;
	}
}

/* slider and masthead (banner and top header)  */
@media only screen and (min-width: 1700px) {
	.cycle-slideshow, .masthead-content {
		width: 1650px;
		margin: 0 auto;
	}
}

/* Clear form fields on click */

/* Chrome <=56, Safari < 10 */
    *:focus::-webkit-input-placeholder {
     opacity: 0;
}

/* FF 4-18 */
    *:focus:-moz-placeholder {
     opacity: 0;
}

/* FF 19-50 */
    *:focus::-moz-placeholder {
    opacity: 0;
}

/* IE 10+ */
    *:focus:-ms-input-placeholder {
    opacity: 0;
}

/* Modern Browsers */
    *:focus::placeholder {
    opacity: 0;
}

.location-results-alert {
background: #007fa3;
	font-size: 18px;
	margin: 10px 0;
	padding: 10px;
	width: 980px;
}
.location-results-alert p {
	color: #fff;
	font-size: 16px;
	line-height: 12px;
	font-weight: bold;
	padding: 10px;
}
@media only screen and (max-width: 768px) {
	.location-results-alert {
		width: 100%;
	}
	.location-results-alert p:first-child {
		padding-bottom: 0px !important;
	}
	.location-results-alert p {
		font-size: 14px;
		line-height: 22px;
	}
}