/* Pool Supply Unlimited - Master Styles */

/* General Styles */

body {
	font-family: "Open Sans", sans-serif;
	font-size: 12px;
	color: #000000;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #ffffff;
	background-image:url();
	text-align: left;
	letter-spacing: 0.02em;
	width: 100%;
	overflow-x: hidden;
}

a:link { text-decoration: none; color: #0990ba; } /* Editable */
a:visited { text-decoration: none; color: #0990ba; } /* Editable */
a:hover { text-decoration: underline; color: #0990ba; } /* Editable */
a:active { text-decoration: underline; color: #0990ba; } /* Editable */

table { text-align: left; }
form { margin:0; padding:0; }
.clearme { padding: 0px; margin: 0px; }
li { padding-left: 0em; margin-left: -1em; }
u { text-decoration: underline; }

/* Standard Font Styles */

h1 {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 21px; line-height: 26px; font-weight:600;}

h2 {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 18px; line-height: 25px; font-weight:600;}

.bodytext1 {color: #4b4b4b; font-size: 16px; line-height: 28px;}

.bodytext2 {color: #ffffff; font-size: 16px; line-height: 28px;}

.bodytext3 {color: #4b4b4b; font-size: 14px; line-height: 24px;}

.bodytext3link {color: #4b4b4b; font-size: 14px; line-height: 24px;}
	a.bodytext3link:link {color: #4b4b4b; text-decoration:none;}
	a.bodytext3link:visited {color: #4b4b4b; text-decoration:none;}
	a.bodytext3link:hover {color: #4b4b4b; text-decoration:underline;}
	a.bodytext3link:active {color: #4b4b4b; text-decoration:underline;}

.nav_bodytext1 {color: #ffffff; font-size: 18px; line-height: 24px;}

.nav_bodytext2 {color: #ffffff; font-size: 14px; line-height: 24px;}

.bodyheader2 {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 18px; line-height: 54px; font-weight:600;}

.header_search { width:75%; height:19px; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; border-color:#c2cfd6;  padding: 0.4em 0.4em 0.4em 0.6em; color:#a2a2a2; font-weight:300; font-size:11pt; background-color:#fbfbfa; box-sizing: content-box; }
.header_search:focus { border: 1px solid #79b9e7; color:#333; -webkit-outline:none; -moz-outline:none; outline:none; background-color:#FFFFFF; font-weight:400; }

.partsreturn {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 16px; line-height: 25px; font-weight:600;}
	a.partsreturn:link {color: #0990ba; text-decoration:none;}
	a.partsreturn:visited {color: #0990ba; text-decoration:none;}
	a.partsreturn:hover {color: #0990ba; text-decoration:underline;}
	a.partsreturn:active {color: #0990ba; text-decoration:underline;}

.pageadvance {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; line-height: 21px; font-weight:600;}
	a.pageadvance:link {color: #0990ba; text-decoration:underline;}
	a.pageadvance:visited {color: #0990ba; text-decoration:underline;}
	a.pageadvance:hover {color: #0990ba; text-decoration:underline;}
	a.pageadvance:active {color: #0990ba; text-decoration:underline;}
	
.navmain1 {color: #ffffff; font-size: 16px; line-height: 24px;}
	a.navmain1:link {color: #ffffff; text-decoration:none;}
	a.navmain1:visited {color: #ffffff; text-decoration:none;}
	a.navmain1:hover {color: #ffffff; text-decoration:underline;}
	a.navmain1:active {color: #ffffff; text-decoration:underline;}
	
.resultscount1 {color: #ffffff; font-size: 20px; line-height: 24px;}

.navtrail1 {color: #9a9999; font-size: 14px; line-height: 24px;}
	a.navtrail1:link {color: #0990ba; text-decoration:none;}
	a.navtrail1:visited {color: #0990ba; text-decoration:none;}
	a.navtrail1:hover {color: #0990ba; text-decoration:underline;}
	a.navtrail1:active {color: #0990ba; text-decoration:underline;}

.pricetext1 {color: #f45905; font-size: 30px; line-height: 30px;}

.pricetext2 {color: #f45905; font-size: 20px; line-height: 24px;}

.pricetext3 {color: #f45905; font-size: 12px; line-height: 24px;}

.saletext1 {color: #9c9c9c; font-size: 16px; line-height: 24px;}

.pricetext_variant {color: #f45905; font-size: 12px; line-height: 14px;}

.saletext_variant {color: #dcdcdc; font-size: 12px; line-height: 14px;}

.rebatetext1 {color: #c20d22; font-size: 14px; line-height: 30px;}

.varianttext2 {color: #0990ba; font-size: 12px; line-height: 14px;}
	a.varianttext2:link {color: #0990ba; text-decoration:none;}
	a.varianttext2:visited {color: #0990ba; text-decoration:none;}
	a.varianttext2:hover {color: #0990ba; text-decoration:underline;}
	a.varianttext2:active {color: #0990ba; text-decoration:underline;}

.blog_bodytext2 {color: #ffffff; font-size: 16px; line-height: 24px;}
	a.blog_bodytext2:link {color: #ffffff; text-decoration:none;}
	a.blog_bodytext2:visited {color: #ffffff; text-decoration:none;}
	a.blog_bodytext2:hover {color: #ffffff; text-decoration:underline;}
	a.blog_bodytext2:active {color: #ffffff; text-decoration:underline;}

.BlogTitle {font-weight: 500; color: #5b6169; height: 100%; line-height: 26px; font-size: 22px; letter-spacing:0.021em;}
	a.BlogTitle:link {color: #5b6169; text-decoration:none;}
	a.BlogTitle:visited {color: #5b6169; text-decoration:none;}
	a.BlogTitle:hover {color: #0990ba; text-decoration:underline;}
	a.BlogTitle:active {color: #0990ba; text-decoration:underline;}
	
.badgestext1 {color: #4b4b4b; font-size: 14px; line-height: 20px;}
	a.badgestext1:link {color: #4b4b4b; text-decoration:none;}
	a.badgestext1:visited {color: #4b4b4b; text-decoration:none;}
	a.badgestext1:hover {color: #0990ba; text-decoration:underline;}
	a.badgestext1:active {color: #0990ba; text-decoration:underline;}

.badgestext1_small {color: #4b4b4b; font-size: 12px; line-height: 16px;}

.badgestext2 {color: #4b4b4b; font-size: 14px; line-height: 18px;}
	a.badgestext2:link {color: #4b4b4b; text-decoration:none; font-size: 14px; line-height: 18px;}
	a.badgestext2:visited {color: #4b4b4b; text-decoration:none; font-size: 14px; line-height: 18px;}
	a.badgestext2:hover {color: #0990ba; text-decoration:underline; font-size: 14px; line-height: 18px;}
	a.badgestext2:active {color: #0990ba; text-decoration:underline; font-size: 14px; line-height: 18px;}

.cartquantity1 {color: #ffffff; font-size: 12px; line-height: 12px; font-weight:600;}
	a.cartquantity1:link {color: #ffffff; text-decoration:none;}
	a.cartquantity1:visited {color: #ffffff; text-decoration:none;}
	a.cartquantity1:hover {color: #fffb8c; text-decoration:underline;}
	a.cartquantity1:active {color: #fffb8c; text-decoration:underline;}
	
.bullettext1 {color: #4b4b4b; font-size: 14px; line-height: 24px;}

.formtext1 {color: #4b4b4b; font-size: 14px; line-height: 24px;}

.formtext2 {color: #ffffff; font-size: 14px; line-height: 24px;}

.subjecttext1 {color: #000000; font-size: 17px; line-height: 24px;}

.writtenbytext1 {color: #afafaf; font-size: 14px; line-height: 24px;}

.blogmoduletext1 {color: #4b4b4b; font-size: 14px; line-height: 21px;}

.blogmoduleheader1 {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 14px; line-height: 18px; font-weight:600;}

.footertext1 {color: #4b4b4b; font-size: 14px; line-height: 21px;}

.footerlinks1 {color: #4b4b4b; font-size: 14px; line-height: 30px;}
	a.footerlinks1:link {color: #0990ba; text-decoration:none;}
	a.footerlinks1:visited {color: #0990ba; text-decoration:none;}
	a.footerlinks1:hover {color: #0990ba; text-decoration:underline;}
	a.footerlinks1:active {color: #0990ba; text-decoration:underline;}

.footerlinks2 {color: #4b4b4b; font-size: 14px; line-height: 14px; font-weight:400;}
	a.footerlinks2:link {color: #4b4b4b; text-decoration:none;}
	a.footerlinks2:visited {color: #4b4b4b; text-decoration:none;}
	a.footerlinks2:hover {color: #0990ba; text-decoration:underline;}
	a.footerlinks2:active {color: #0990ba; text-decoration:underline;}

.bodylinks2 {color: #f45905; font-size: 14px; line-height: 14px; font-weight:400;}
	a.bodylinks2:link {color: #f45905; text-decoration:none;}
	a.bodylinks2:visited {color: #f45905; text-decoration:none;}
	a.bodylinks2:hover {color: #0990ba; text-decoration:underline;}
	a.bodylinks2:active {color: #0990ba; text-decoration:underline;}

.unsubscribe_header {color: #4b4b4b; font-family: 'Kumbh Sans', sans-serif; font-size: 21px; line-height: 25px; font-weight:600;}
.unsubscribe_text {color: #8f8e8d; font-size: 16px; line-height: 24px;}

.loyaltypoints1 {font-weight: 700; color: #335daf; letter-spacing:0.021em; }

.loyaltypoints2 {font-weight: 600; color: #595959; letter-spacing:0.021em; }

.loyaltypointstable1 {color: #4b4b4b; font-size: 14px; line-height: 24px;}

.textbox { width:75%; height:19px; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; border-color:#c2cfd6;  padding: 0.4em 0.4em 0.4em 0.6em; color:#a2a2a2; font-weight:300; font-size:11pt; background-color:#fbfbfa; }
.textbox:focus { border: 1px solid #79b9e7; color:#333; -webkit-outline:none; -moz-outline:none; outline:none; background-color:#FFFFFF; font-weight:400; }

.ship_select { width:75%; height:40px; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; border-color:#c2cfd6;  padding: 0.4em 0.4em 0.4em 0.6em; color:#333; font-weight:300; font-size:11pt; background-color:#FFFFFF; font: inherit; }
.ship_select:focus { width:75%; height:40px; border-style: solid solid solid solid; border-width: 1px 1px 1px 1px; border-color:#79b9e7;  padding: 0.4em 0.4em 0.4em 0.6em; color:#333; font-weight:300; font-size:11pt; background-color:#FFFFFF; font: inherit; }

.psu_textbox {
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	font-family: "Open Sans", sans-serif;
	font-size:13pt;
	color:#333333;
	padding: 5px 0px 5px 5px;
	border-color:#dcdcdc;
	width:100%;
}

.psu_textbox:focus {
	border-color:#0990ba;
}

.textbox_required {
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	font-family: "Open Sans", sans-serif;
	font-size:13pt;
	color:#333333;
	padding: 5px 0px 5px 5px;
	border-color:#f74865;
	width:100%;
}

.textbox_required:focus {
	border-color:#0990ba;
}

input.card_type {
    display: none;
}

.dropbox {
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	font-family: "Open Sans", sans-serif;
	font-size:13pt;
	color:#333333;
	padding: 5px 0px 5px 5px;
	border-color:#dcdcdc;
	width:100%;
	
}

.dropbox:focus {
	border-color:#0990ba;
}

.dropbox_required {
	border-style:solid;
	border-width:1px;
	background-color:#FFFFFF;
	font-family: "Open Sans", sans-serif;
	font-size:13pt;
	color:#333333;
	padding: 5px 0px 5px 5px;
	border-color:#f74865;
	width:100%;
	
}

.dropbox_required:focus {
	border-color:#0990ba;
}

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 18px;
    height: 18px;
    padding: 4px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
    font: 15px Arial, sans-serif;
	float:left;
}

.scrollToTop{
	width:80px; 
	height:84px;
	padding:0px; 
	text-align:center;
	text-decoration: none;
	position:fixed;
	bottom:75px;
	right:0px;
	display:none;
	z-index:900;
	background: url('https://www.poolsupplyunlimited.com/images/BacktoTop.png') no-repeat 0px 0px;
}

.scrollToTop:hover{
	text-decoration:none;
}

.typically_ships {
	display: inline-block;
	border: none;
	margin: 0.5em 0;
	padding: 0.5em;
	position: relative;
	background-color: #c0555a;
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight:700;
	font-size: 10px;

	background-image: -webkit-radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	background-image:    -moz-radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	background-image:         radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	-webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	        border-radius: 5px;
}

.styled-select {
	overflow: hidden;
	height: 38px;
	float: none;
	width: 200px;
	margin-right: 10px;
	background: url(https://www.poolsupplyunlimited.com/images/Select_Arrow.png) no-repeat right center #f4f4f4;
}

.styled-select select {
	font-size: 14px;
	border-radius: 0;
	border: none;
	background: transparent;
	width: 230px;
	overflow: hidden;
	padding-top: 0px;
	height: 38px;
	text-indent: 5px;
	color: #597c92;
	-webkit-appearance: none;
}

.styled-select optgroup {
    font-size: 14px;
}

.styled-select option.service-small {
	font-size: 14px;
	padding: 5px;
	background: #ffffff;
}

.product_query_box {
	padding:15px;
	background-color:#0991bb;
	width:230px;
	text-align:left;	
	float:left;
}

.GridSearchButton{
	color:#000000;
}

.GridSearchButton:hover{
	color:#FF0000;
}

.GridText1 {color: #000000; font-size: 17px; line-height: 24px;}

.cookieinfo { opacity: 0.85 !important; }

.homemodule_header {color: #4b4b4b; font-size: 18px; line-height: 24px;}
	
.homemodule_link {color: #0990ba; font-size: 14px; line-height: 20px;}
	a.homemodule_link:link {color: #0990ba; text-decoration:none;}
	a.homemodule_link:visited {color: #0990ba; text-decoration:none;}
	a.homemodule_link:hover {color: #0990ba; text-decoration:underline;}
	a.homemodule_link:active {color: #0990ba; text-decoration:underline;}

.homemodule_text {color: #383838; font-size: 14px; line-height: 20px;}

.button_blue {
	display: block;
	width: 100%;
	border: none;
	padding: 1em;
	position: relative;
	background-color: #007dc6;
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight:700;
	font-size: 15px;
	background-image: radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	box-sizing: border-box;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 6px;
}

.button_blue:hover{
	background-color: #0e5e8c;
	cursor: pointer;
}

.button_blue:active{
	background-color: #0e5e8c;
	cursor: pointer;
}
	
.button_orange {
	display: block;
	width: 100%;
	border: none;
	padding: 1em;
	position: relative;
	background-color: #f57e2d;
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight:700;
	font-size: 15px;
	background-image: radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	box-sizing: border-box;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 6px;
}

.button_orange:hover{
	background-color: #c25b17;
	cursor: pointer;
}

.button_orange:active{
	background-color: #c25b17;
	cursor: pointer;
}

.button_black {
	display: block;
	width: 100%;
	border: none;
	margin: 0.5em 0;
	padding: 0.5em;
	position: relative;
	background-color: #666666;
	color: #fff;
	font-family: Lato, sans-serif;
	font-weight:700;
	font-size: 13px;
	background-image: radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	box-sizing: border-box;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 6px;
}

.button_black:hover{
	background-color: #000000;
	cursor: pointer;
}

.button_black:active{
	background-color: #000000;
	cursor: pointer;
}

.button_gray_disabled {
	display: block;
	width: 100%;
	border: none;
	padding: 1em;
	position: relative;
	background-color: #cbcbcb;
	color: #eeeeee;
	font-family: Lato, sans-serif;
	font-weight:700;
	font-size: 15px;
	background-image: radial-gradient( circle, transparent 0%, rgba(0,0,0,0.1) 100% );
	box-sizing: border-box;
	border-top-left-radius: 6px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 6px;
}

/* ============================================
   FREE NEXT DAY BADGE
   Consistent styling across all pages.
   ============================================ */
.badge-free-next-day {
	display: inline-block;
	background: #e6f9ed;
	color: #0e7a22;
	font-size: 12px !important;
	font-weight: 600;
	line-height: 1.2 !important;
	padding: 3px 10px;
	border-radius: 10px;
	white-space: nowrap;
	vertical-align: middle;
}
.badge-free-next-day .fa-bolt {
	margin-right: 2px;
}

/* ============================================
   FREE TWO DAY BADGE
   Consistent styling across all pages.
   ============================================ */
.badge-free-two-day {
	display: inline-block;
	background: #e6f0ff;
	color: #1a56db;
	font-size: 12px !important;
	font-weight: 600;
	line-height: 1.2 !important;
	padding: 3px 10px;
	border-radius: 10px;
	white-space: nowrap;
	vertical-align: middle;
}
.badge-free-two-day .fa-shipping-fast {
	margin-right: 2px;
}