/* @override 
	http://www.dev.dv/themes/new_psc/css/transition.css
	http://www.psc.dv/frontend/themes/new_psc/css/transition.css
	http://www.psc.dv/frontend/themes/psc/css/legacy/transition.css?* */

/*** TEMP hide red browse btns ***/
#category-short-description img.browsebtn, #category-description.content-block img.browsebtn, #category-description.content-block #htcovermaindiv ul li.button {
	display: none !important;
}
/*** END TEMP hide red btns ***/

/*** OLD CLASSES FOR SWITCH OVER ***/

/*** I/G POOLS ***/
.ullistig.agpcompareig, 	div.ullistsig.agpcomparesig {
	width: 98%;
	margin: 1%;
	clear: both;
}
.ullistig.agpcompareig h3 {
	font-size: 14px;
}
.ullistig.agpcompareig ul, div.ullistsig.agpcomparesig ul {
	list-style: none;
	list-style-type: none;
	display: block;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
.ullistig.agpcompareig ul li.blueleft, .ullistig.agpcompareig ul li.blue, .ullistig.agpcompareig ul li.blueright {
	background: #006db5;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3c3c3c;
	color: white !important;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipses;
	-o-text-overflow: ellipses;
	text-overflow: ellipsis;
}
.ullistig.agpcompareig ul li {
	list-style: none;
	list-style-type: none;
	width: 25%;
	padding: 5px 0;
	float: left;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipses;
	-o-text-overflow: ellipses;
	text-overflow: ellipsis;
	min-height: 22px;
}
.ullistsig.agpcomparesig ul li.blueleft, .ullistsig.agpcomparesig ul li.blue, .ullistsig.agpcomparesig ul li.blueright {
	background: #006db5;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3c3c3c;
	color: white !important;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipses;
	-o-text-overflow: ellipses;
	text-overflow: ellipsis;
}
.ullistsig.agpcomparesig ul li {
	list-style: none;
	list-style-type: none;
	width: 33%;
	float: left;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
.short-descripton .Agpleft {
	float: left;
	width: 70%;
}

.short-descripton .Agpright {
	float: right;
	width: 30%;
	text-align: center;
}

.igpliner5 {
	width: 100%;
}
.igpliner5 ul {
	list-style: none;
	list-style-type: none;
}
.igpliner5 ul li {
	list-style: none;
	list-style-type: none;
	float: left;
	width: 16.666667%;
	text-align: center;
	margin-bottom: 2%;
	color: #fff;
	font-weight: bold;
}
.igpliner5 ul li img {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	border: 0;
}

.sig_pool_container ul li .leftsizes, .Agppoolbox ul li .leftsizes {
	text-align: left;
	width: 28%;
	float: left;
	display: block;
	margin-right: 2%;
	padding: 1%;
	font-size: 12px;
}
.sig_pool_container ul li .poolprices, .Agppoolbox ul li .poolprices {
	line-height: 0.8em;
	width: 70%;
	float: right;
	text-align: right;
	background: red;
	height: 50px;
	margin-top: 15px;
	border: 2px solid #d9d9d9;
	box-sizing: border-box;
	color: white;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	transition: all 150ms;
	font-size: 20px;
	position: relative;
	padding-right: 5%;
}
.sig_pool_container ul li .poolprices img, .Agppoolbox ul li .poolprices img {
	float: right;
	position: absolute;
	margin: 0 auto;
	top: 25%;
	right: 5%;
	width: 10%;
	min-width: 10%;
}

.sig_pool_container ul li .poolprices > span, .Agppoolbox ul li .poolprices > span {
	margin-top: 5px;
	font-size: 10px;
	vertical-align: middle;
	padding-right: 1px;
	display: block;
}
.sig_pool_container ul li .poolprices > span.largeprice, .Agppoolbox ul li .poolprices >span.largeprice {
	margin-top: 1px;
	font-size: 22px;
	vertical-align: top;
}
div.igimagethird, .iglinerpricingcolumn {
	width: 33%;
	float: left;
	text-align: center;
}
.iglinerpricingcolumn {
	width: 25% !important;
}
.featured-ig-liner-patterns {
	width: 100%;
	display: block;
	clear: both;
	background: white;
	position: relative;
	height: auto;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 2%;
}
.featured-ig-liner-patterns.butterfly {
	background-image: url('https://www.poolsuppliescanada.ca/images/companies/1/IGL/butterflybg.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.featured-ig-liner-patterns.butterfly.clearancesale {
	background-color: rgba(48, 76, 255, 0.8);
	background-image: url('https://www.poolsuppliescanada.ca/images/companies/1/IGL/butterflybgsale.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.featured-ig-liner-patterns.butterfly.clearancesale a.btn {
	display: inline;
	width: auto;
	margin: 0 auto;
	padding: 1.25% 3%;
	background: white;
}
.featured-ig-liner-patterns .content {
	width: 80%;
	display: block;
	margin: 0 auto;
	text-align: center;
	color: white;
	height: auto;
	padding: 2%;
	background-color: rgba(14, 72, 141, 0.8);
	text-transform: uppercase !important;
}
.featured-ig-liner-patterns .content h2, .featured-ig-liner-patterns .content h3 {
	color: white !important;
	text-transform: uppercase !important;
}
.featured-ig-liner-patterns .content h2 {
	font-size: 2.3em !important;
	font-weight: 900;
	line-height: 32px;
	margin-top: 15px;
}
.featured-ig-liner-patterns .content h3 {
	font-weight: 100;
	font-size: 1.5em;
	line-height: inherit;
}
.iglinerpricingcolumn a.shopnowbtn {
	width: auto !important;
	margin: 0 auto !important;
	display: inline-block !important;
}
.ow.grey.linerpromobox {
	padding: 0 !important; border: 0 !important; margin: 0 !important; margin-bottom: 10px !important;
}
.ow.grey.linerpromobox h3 {
	padding: 0 !important; border: 0 !important; margin: 0 !important; font-size: 26px; padding-left: 60px !important; padding-right: 60px !important;
}
div.igimagethird img {
	max-width: 100%;
	height: auto;
}

p.madeincanadatext {
	font-weight: 900;
	color: red;
}
div.sipfull img {
	width: 18%;
	float: left;
	margin: 1%;
}
ul.pool-thumbs {
	display: none;
}

/*** LINERS ***/

.Agccontainershort iframe.linervideo {
	float:right;
	margin-left: 2%;
}
#category-description.content-block .liner_link_back a {
	display: inline-block;
	padding: 1% 1% 1% 1%;
	background: #0a52a5;
	color: white;
}
#category-description.content-block .allhottubscontainer .filter {
	background-color: #0154a0;
	margin-top: 8px;
	border: 2px solid #c9c9c9 !important;
	float: left;
	display: block;
	width: 23.404255319149%;
	margin-right: 1%;
}
#category-description.content-block .allhottubscontainer .filter p {
	color: white;
	padding: 2%;
}

#category-description.content-block .allhottubscontainer .filter ul {
	width: 95%;
	margin: 0 auto;
	float: none;
	background: #e9e9e9;
	margin-bottom: 4%;
	clear: both;
	color: white;
}
#category-description.content-block .allhottubscontainer .filter ul li {
	text-align: center;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 1%;
	padding-bottom: 1%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: -0.5%;
	margin-top: 0%;
	float: none;
	height: auto;
	min-height: 50px;
	line-height: 50px;
	background-size: cover;
}
#category-description.content-block .allhottubscontainer .filter h2, #category-description.content-block .allhottubscontainer .filter h3 {
	text-transform: uppercase;
	text-align: left;
	padding-left: 1%;
	color: white;
	margin-top: 5%;
	margin-left: 2%;
	font-size: 1em;
	float: initial;
}
#category-description.content-block .iglinerlistcontainer .filter h2 a {
	color: white;
	text-decoration: underline;
	font-weight: 900;
}
#category-description.content-block .iglinerlistcontainer .filter h2 a:hover {
	color: #d9d9d9;
}

#category-description.content-block .iglinerlistcontainer .filter ul li.current {
	background: #d9d9d9;
	background-image: none;
}
#category-description.content-block .allhottubscontainer .filter p a.button {
	list-style: none;
	float: left;
	display: block;
	background: white;
	width: 80%;
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	padding: 10px 20px;
	font-size: 14px;
	line-height: 14px !important;
	font-weight: 500;
	margin: 0% 10% 6% 10%;
}
#category-description.content-block .allhottubscontainer ul#spas {
	width: 75%;
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none;
}
#category-description.content-block .linersellcol, #category-description.content-block .linerselltop {
	width: 31%;
	border: 0;
	float: left;
	text-align: left;
	margin: 1%;
}
#category-description.content-block .linersellcol img, #category-description.content-block .linerselltop img {
	max-width: 100%;
	height: auto;
}
#category-description.content-block .linersellcol.modified img {
	width: 26%;
	float: left;
	text-align: center;
	padding-right: 2%;
	margin-left: 12%;
	margin-right: 5%;
	margin-top: 2%;
}
#category-description.content-block .linersellcol.modified.solar img {
	width: 68%;
	float: left;
	text-align: center;
	padding-right: 2%;
	margin-left: 12%;
	margin-right: 5%;
	margin-top: 2%
}
.Agccontainershortalt picture, .Agccontainershortalt picture img {
	text-align: center;
	display: block;
	margin: 0 auto;
}

.Agccontainershortalt ul.center-ul-list {
	display: block !important;
	margin: 0 auto !important;
	width: 50% !important;
	float: none !important;
}
#category-description.content-block .linersellcol.modified p {
	font-size: 16px;
	padding: 5px;
	color: #0053a0;
	line-height: 16px;
}

#category-description.content-block .wintersellmobilecol {
	display: none;
}

#category-description.content-block ul.iglinerlistnewfilter li .imgcontainer {
	max-width: 100%;
	height: 215px;
	background-color: white;
	background-position: top center;
	border: 0;
	margin: 0;
	cursor: pointer;
	transition: all 200ms ease-out;
	background-size: cover;
}
#category-description.content-block ul.iglinerlistnewfilter li .imgcontainer a {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}
#category-description.content-block .abgselectionheadercontainer {
	background: #00a6ed;
	margin-bottom: 25px;
}
#category-description.content-block .abgselectionheadercontainer .sizes {
	height: auto;
	display: block;
	border: 0;
	position: relative;
	margin: 0 auto 0;
	text-transform: uppercase;
	margin-bottom: 2%;
}
#category-description.content-block .abgselectionheadercontainer .sizes.half {
	width: 50%;
	float: left;
}

#category-description.content-block .abgselectionheadercontainer .sizes.third {
	width: 33.333%;
	float: left;
}
#category-description.content-block .abgselectionheadercontainer .sizes label {
	text-align: center;
	display: block;
	width: 100%;
	float: left;
	padding-top: 4%;
	padding-bottom: 2%;
	color: white;
}
#category-description.content-block .abgselectionheadercontainer .sizes select {
	text-align: center;
	display: block;
	width: 75%;
	clear: both;
	padding: 2%;
	float: left;
	margin-left: 12.5%;
	margin-bottom: 6%;
}

/*** HOT TUBS ***/

#category-description.content-block .allhottubscontainer ul#spas li {
	width: 22%;
	margin: 0.5%;
	padding: 0;
	text-align: center;
	float: left;
	display: block;
	list-style: none;
	list-style-type: none;
	padding-bottom: 1%;
	padding-top: 1%;
	margin-left: 1.5%;
	margin-right: 1.5%;	
	position: relative;
	min-height: 420px;
}
#category-description.content-block .allhottubscontainer ul li img.brand {
	height: auto;
	max-width: 60%;
	display: block;
	position: absolute;
	top: -3%;
	left: -2%;
	opacity: 1;
	border-bottom: 0;
	z-index: 5 !important;
}
#category-description.content-block .allhottubscontainer ul li img.freeshiphottub {
	height: auto;
	max-width: 25%;
	display: block;
	position: absolute;
	bottom: 55%;
	left: -2%;
	opacity: 1;
	border-bottom: 0;
	z-index: 5;
}
#category-description.content-block .allhottubscontainer ul li div.seating {
	width: 95%;
	height: 40px;
	display: block;
	clear: both;
	margin-left: 5%;
	text-align: center;
	color: #a3a3a3;
	font-size: 13px;
}
#category-description.content-block .allhottubscontainer ul li div.seating img {
	margin-bottom: 0% !important;
	display: block;
	width: 30%;
	vertical-align: middle;
	float: left;
	padding-right: 10%;
	border: 0 !important;
}
#category-description.content-block .allhottubscontainer ul li span.belowtext {
	width: 100%;
	display: block;
	text-align: center;
	clear: both;
	color: #929292;
	margin-top: 5px;
	font-size: 11px;
}

/*** FILTERS ***/
iframe.filtersearch {
	display: none;
}
.short-descripton-wrap .pleatcolist ul {
	list-style: none;
	list-style-type: none;
	-webkit-margin-before: 0em;
	-webkit-margin-after: 0em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0px;
}
/*.short-descripton-wrap .pleatcolist ul li {
	width: 23%;
	padding: 1%;
	display: block;
	float: left;
	text-align: center;
}*/
.short-descripton-wrap .pleatcolist {
	width: 100%;
	float: left;
	margin-bottom: 10px;
}

/*** HOT TUB COVERS ***/

#category-description.content-block #htcovermaindiv, #category-description.content-block #htcovermaindiv ul, #category-description.content-block #htcovermaindiv ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
#category-description.content-block #HTCoverStyle #htcovermaindiv .htstyle {
	width: 18%;
	margin: 1%;
	transition: all .25s;
	background: #fff;
	float: left;
	text-align: center;
	border-radius: 0px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	list-style: none;
	list-style-type: none;
	box-sizing: border-box;
	
}
#category-description.content-block .HTCoverStyleContainer .options li {
	font-weight: bold;
	color: #364762;
	line-height: 2.5;
	font-size: 20px !important;
}
#category-description.content-block .HTCoverStyleContainer.best {
	background: #00a6ed;
	position: relative;
	overflow: hidden;
}
#category-description.content-block .HTCoverStyleContainer .title h2.bestTitle, #category-description.content-block .HTCoverStyleContainer .title h2.bestTitle a {
	background: #0053a0;
	color: #fff;
}
#category-description.content-block .HTCoverStyleContainer .ribbon {
	width: 100%;
	padding: 1%;
	padding-top: 0.5%;
	margin-bottom: 0;
	background: red;
	font-size: 13px !important;
	clear: both;
	text-align: center;
	line-height: 25px;
	letter-spacing: 1px;
	color: #f0f0f0;
	top: 0;
	text-transform: uppercase;
	font-weight: 900;
}
#category-description.content-block .HTCoverStyleContainer .title h2 {
	padding: 2em 2em 0 0;
}

#category-description.content-block .HTCoverStyleContainer.best .title h2 {
	padding: 0.1em 0 0 0;
}
#category-description.content-block .spacontentleft {
	width: 65%;
	display: block;
	float: left;
}
#category-description.content-block .spacontentright {
	width: 35%;
	display: block;
	float: right;
}

/*** LINERS ***/

.insidecontainercolsnoborder2 ul li {
	width: 33%;
	display: block;
	float: left;
}
.insidecontainercolsnoborder2 ul li img, .insidecontainercolsnoborder3 ul li img {
	max-width: 90%;
	display: block;
	text-align: center;
	margin: 0 auto;
}
.insidecontainercolsnoborder3 ul li {
	width: 40%;
	margin-left: 5%;
	display: block;
	float: left;
}
#product .product-tab-content .ullist {
	list-style: none;
	list-style-type: none;
}
#product .product-tab-content .ullist .floathalf {
	width: 48%;
	margin: 1%;
	display: block;
	float: left;
}
#product .product-tab-content .ullist ul li {
	width: 50%;
	display: block;
	float: left;
	text-align: center;
}

/*** PARTS ***/

.short-descripton .parts-top-box {
	display: block;
	width: 100%;
	clear: both;
}

#category-description.content-block ul.shopbyparttype li, #category-description.content-block ul li.parts {
	width: 20%;
	float: left;
	display: block;
	box-sizing: border-box;
	position: relative;
	height: auto;
	line-height: 60px;
	min-height: 60px;
	color: black;
	font-weight: bold;
	font-size: 11px;
	border: 1px solid #c5c5c5;
}
#category-description.content-block ul.shopbyparttype li a img, #category-description.content-block ul li.parts  img {
	max-width: 55px;
	max-height: 50px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding-right: 2.5%;
	padding-left: 2.5%;
}
#category-description.content-block .parts-seperator {
	width: 100%;
	height: 15px;
	padding: 1%;
	font-size: 1.1em;
	text-transform: capitalize;
	font-weight: 600;
	border-bottom: 1px solid #c5c5c5;
	text-align: center;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 2%;
	color: #3f4e5d;
}
#category-description.content-block ul li.parts {
	
}

/** OTHER COVERS ***/

.ow .iw #category-description.content-block ul.bullets {
	width: 75%;
}
.ow .iw #category-description.content-block ul.bullets li {
	list-style: initial;
}
.ow .iw #category-description.content-block .sc-colour-titles {
	width: 110px;
	display: block;
	float: left;
	text-align: center;
	font-size: 13px;
}

.ow .iw .ullist2.sc-compare-prices-3col {
	height: 100%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
	margin-bottom: 1%;
}
.ow .iw .ullist2.sc-compare-prices-3col ul li.blueleft, .ow .iw .ullist2.sc-compare-prices-3col ul li.blue, .ow .iw .ullist2.sc-compare-prices-3col ul li.blueright {
	background: #0a52a5;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3c3c3c;
	color: white !important;
	font-weight: bold;
	font-size: 18px;
	box-sizing: border-box;
}
.ow .iw .ullist2.sc-compare-prices-3col ul li {
	float: left;
	text-align: center;
	width: 33%;
	border-bottom: 1px solid #ccc;
	list-style-type: none !important;
}
.ow .iw .ullist2.sc-compare-prices-3col ul li.blankcell {
	border: 0;
	min-height: 20% !important;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
}
.ow .iw .ullist2.sc-compare-prices-3col ul li.blankcell.borderbtm {
	border-bottom: 1px solid #ccc;
	padding-bottom: 9px;
}
.ullist2.sc-compare-prices-3col ul li.nobrdr {
	border: 0 !important;
}
.ow .iw .sccol7 {
	display: block;
	width: 12%;
	padding: 1%;
	margin: 1%;
	float: left;
	text-align: center;
	font-weight: 500;
	background: white;
	transition: all 0.3s ease-in-out;
	min-height: 300px;
}
.ow .iw .sccol7:hover {
	background: #f6f9fc;
	border: 1px solid #0050a8;
}
.ow .iw .feature-box-sc ul li {
	display: inline-block;
	width: 33%;
	padding: 10px;
	box-sizing: border-box;
	cursor: default;
	text-align: center;
	vertical-align: top;
	border-left: 1px solid #f1f1f1;
	padding: 10px 10px 50px 10px;
}
.ow .iw .feature-box-sc ul li:first-child {
	border-left: none;
}
.ow .iw .feature-box-sc ul li img {
	max-width: 90%;
	display: block;
	margin: 0 auto;
}
.ow .iw .feature-box-sc ul li h3 {
	font-weight: 900;
}
.ow .iw .covertypes {
	display: block;
	margin: 0 0 60px 0;
}
.ow .iw .covertypes article.sc {
	width: 100%;
	clear: both;
	display: block;
	position: relative;
}
.ow .iw .covertypes article.sc summary {
	position: relative;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: auto;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
}
.ow .iw .covertypes article.sc summary:after {
	background: #fff;
	border-radius: 5px;
	content: "+";
	float: left;
	font-size: 1.5em;
	position: absolute;
	top: 15px;
	margin: auto;
	width: 20px;
	left: 5px;
	height: 20px;
	line-height: 22px;
	text-align: center;
}
.ow .iw .covertypes article.sc summary::-webkit-details-marker {
  display: none;
}
.ow .iw .covertypes article.sc .sccomparetoptitle {
	width: 100%;
	height: auto;
	min-height: 50px;
	border: 0;
	clear: both;
	background: white;
}
.ow .iw .covertypes .sccomparetoptitle .cantar {
	float: left;
	display: block;
	border: 0;
	text-align: left;
}
.ow .iw .covertypes article.sc .sccomparetoptitle .cantar {
	width: 23%;
	margin-left: 2%;
}
.ow .iw .covertypes .sccomparetoptitle .type {
	width: 50%;
	float: left;
	display: block;
	border: 0;
	color: white !important;
	text-align: center;
}
.ow .iw .covertypes .sccomparetoptitle .type p {
	color: white !important;
	font-weight: 900;
}
.ow .iw .covertypes .sccomparetoptitle .warranty {
	width: 25%;
	float: left;
	display: block;
	border: 0;
	text-align: right;
}
 .ow .iw .covertypes .sccomparelefttaller {
	width: 67%;
	margin-right: 1%;
	float: left;
	display: block;
	border: 0;
}
.ow .iw .covertypes .sccomparerighttaller {
	width: 32%;
	float: left;
	display: block;
	font-size: 10px;
	text-align: center;
}
.ow .iw .covertypes article.sc .sccomparetoptitle.mesh95 {
	background: #36716c;
}
.ow .iw .covertypes article.sc .sccomparetoptitle.mesh99 {
	background: #39b54a;
}
.ow .iw .covertypes article.sc .sccomparetoptitle.litesolid {
	background: #009fe0;
}
.ow .iw .covertypes article.sc .sccomparetoptitle.solid {
	background: #2654a5;
}

#category-description.content-block .sccol2left {
	float: left;
	text-align: right;
	width: 49%;
	padding: 0.5%;
	display: block;
}
#category-description.content-block .sccol2right {
	float: left;
	text-align: left;
	width: 49%;
	padding: 0.5%;
	display: block;
}
#category-description.content-block .sccolfull {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	clear: both;
}
#category-description.content-block .newdropdown {
	margin-left: auto;
	margin-right: auto;
	padding: 2%;
	border: 1px solid #ccc;
	width: 90%;
	background-color: white;
	background-image: url('https://www.poolsuppliescanada.ca/design/themes/responsive/media/../images/companies/1/layout/down-arrow-small.png?1521653596');
	background-repeat: no-repeat;
	background-position: 97% 50%;
	position: relative;
	color: black !important;
}
#category-description.content-block .newdropdown > ul {
	position: absolute;
	left: -999em;
	width: 95%;
	padding: 0 0 0 0px !important;
}
#category-description.content-block .newdropdown > ul li {
	background: white;
	width: 46%;
	float: left;
	display: block;
	text-align: center;
	color: black;
	border: 1px solid black;
	padding: 1%;
}
#category-description.content-block .newdropdown:hover > ul {
	left: 1px;
}
#category-description.content-block .Scpimg {
	float: none;
	width: 100%;
	text-align: center;
	display: block;
	clear: both;
}
#category-description.content-block .Scpimg img {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	max-width: 274px;
}
#category-description.content-block .Scp2col {
	width: 50%;
	display: block;
	float: left;
	text-align: center;
}
@media (max-width: 767px) {
	#category-description.content-block .Scp2col {
		width: 98%;
		margin: 1%;
		clear: both;
		margin-bottom: 2%;
	}
}
#category-description.content-block .Scptext {
	float: right;
	width: 98%;
	text-align: center;
	display: block;
	border-bottom: 0px solid #d9d9d9;
	margin-bottom: 1%;
	padding: 1%;
}
#category-description.content-block .ullist2.sc-compare-prices {
	height: 100%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
	margin-bottom: 1%;
}
#category-description.content-block .ullist2.sc-compare-prices ul li.blueleft, #category-description.content-block .ullist2.sc-compare-prices ul li.blue, #category-description.content-block .ullist2.sc-compare-prices ul li.blueright {
	background: #006db5;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #3c3c3c;
	color: white !important;
	font-weight: bold;
	font-size: 18px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipses;
	-o-text-overflow: ellipses;
	text-overflow: ellipsis;
	width: 25%;
}
#category-description.content-block .ullist2.sc-compare-prices ul li.blankcell {
	border: 0;
	min-height: 20% !important;
	padding-top: 9px;
	padding-bottom: 10px;
	padding-left: 0;
	padding-right: 0;
}
#category-description.content-block .ullist2.sc-compare-prices ul li {
	float: left;
	text-align: center;
	width: 25%;
	min-height: 20% !important;
	border-bottom: 1px solid #ccc;
	list-style-type: none !important;
}
#category-description.content-block .ullist2.sc-compare-prices ul li.nobrdr {
	float: left;
	width: 25%;
	min-height: 20% !important;
	border-bottom: 0px solid #ccc;
	list-style-type: none !important;
	text-align: center;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipses;
	-o-text-overflow: ellipses;
	text-overflow: ellipsis;
}


.scinstallvideo iframe {
	max-width: 98%;
	display: block;
	margin: 0 auto;
}

#category-description.content-block .Scpconta, #category-description.content-block .Scpimgorig {
	width: 50%;
	display: block;
	float: left;
}
#category-description.content-block .Scpimgorig img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 767px) {
	.ow .iw .sccol7 {
		width: 46%;
		min-height: 230px;
	}
	.ow .iw .feature-box-sc ul li {
		width: 98%;
	}
	.ow .iw .sccolfull {
		width: 90%;
	}
	.ow .iw .covertypes .sccomparelefttaller {
		width: 98%;
	}
	.ow .iw .covertypes .sccomparelefttaller p, .ow .iw .covertypes .sccomparelefttaller  li {
		font-size: 12px !important;
	}
	.ow .iw .covertypes .sccomparelefttaller img {
		max-width: 22% !important;
	}
	.ow .iw .covertypes .sccomparerighttaller, .ow .iw #category-description.content-block .sc-colour-titles {
		display: none;
	}
	.ow .iw #category-description.content-block ul.bullets {
		width: 98%;
	}
	body.contact-quote-customcovers .contact-wrap-quote.customcovers span.hideme, body.contact-quote-customcovers .contact-wrap-quote.customcovers div.hideme {
		display: none;
	}
	#category-description.content-block .ullist2.sc-compare-prices {
		margin-left: 1%;
		margin-right: 1%;
	}
	#category-description.content-block .Scpconta, #category-description.content-block .Scpimgorig {
		width: 98%;
		display: block;
		float: none;
		margin-left: 1%;
	}
}

/*** OLD TRANSITION CSS FOR MOBILE ***/

@media (min-width: 768px) and (max-width: 1000px) {
	.featured-ig-liner-patterns .content h2 {
		line-height: 30px !important;
	}
	.featured-ig-liner-patterns .content h3 {
		line-height: 20px !important;
	}
}

@media (max-width: 767px) {
	.newabgpoolcontainer {
		width: 46%;
		float: left;
		margin: 1%;
	}
	.Agccontainershortalt ul.center-ul-list {
		display: block !important;
		margin: 0 auto !important;
		width: 90% !important;
		float: none !important;
		margin-bottom: 5% !important;
	}
	.Agccontainershortalt ul.center-ul-list li {
		font-size: 12px;
	}
	#category-description.content-block h1.abgpagetitle img {
		position: relative;
		display: none;
	}
	.newabgpoolcontainer .pooldetails .poolname {
		font-size: 20px;
	}
	#category-description.content-block .newabgpoolcontainer span.bluebrowsebtn {
		width: 160px;
	}
	#category-description.content-block .newabgpoolcontainer:nth-child(2n+1) {
		clear: both !important;
	}
	div.pool-package-container, #category-description.content-block .abgbottominfo, #category-description.content-block .linersellcol, #category-description.content-block .linerselltop, #category-description.content-block .abgselectionheadercontainer .sizes.third, #category-description.content-block .abgselectionheadercontainer .sizes.half {
		width: 98%;
		margin: 1%;
	}
	.Agccontainershort iframe.linervideo {
		display: none;
	}
	img.brandlogo, img.smalllinerquotebtn {
		min-width: 200px !important;
		max-width: 200px !important;
	}
	
	div.pool-package-mid, div.pool-package-container img.packagetag, div.pool-package-container img.packagetagright {
		display: none;
	}
	div.igimagethird, .iglinerpricingcolumn {
		width: 45%;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
	div.igimagethird:nth-of-type(n+2), .iglinerpricingcolumn:nth-of-type(n+2) {
		width: 95%;
	}
	.iglinerpricingcolumn {
		width: 95% !important;
	}
	#category-description.content-block .iglinerlistcontainer .filter.iglinerfilterbar {
		position: relative !important;
		margin-bottom: 25px !important;
	}
	.featured-ig-liner-patterns {
		padding: 4%;
	}
	.featured-ig-liner-patterns.butterfly {
		background-repeat: repeat;
	}
	.featured-ig-liner-patterns .content {
		width: 94%;
		display: block;
		margin: 0 auto;
		text-align: center;
		color: white;
		height: auto;
		padding: 2%;
		background-color: rgba(14, 72, 141, 0.8);
		text-transform: uppercase !important;
	}
	.featured-ig-liner-patterns .content h2, .featured-ig-liner-patterns .content h3 {
		color: white !important;
		text-transform: uppercase !important;
	}
	.featured-ig-liner-patterns .content h2 {
		font-size: 1.6em !important;
		font-weight: 900;
		line-height: inherit  !important;
		margin-top: 15px;
	}
	.featured-ig-liner-patterns .content h3 {
		font-weight: 100;
		font-size: 1.2em;
		line-height: inherit  !important;
	}
	
	#category-description.content-block ul.iglinerlistnewfilter, .iglinerlistcontainer .filter {
		width: 98%;
		margin: 1%;
	}
	#category-description.content-block ul.iglinerlistnewfilter li p {
		min-height: 80px;
	}
	#category-description.content-block .Agccontainershort h3 span.iglinerpricefrom {
		width: 30%;
		font-size: 14px;
	}
	#category-description.content-block ul.iglinerlistnewfilter, #category-description.content-block .allhottubscontainer ul#spas, #category-description.content-block .iglinerlistcontainer .filter, #category-description.content-block .allhottubscontainer .filter {
		width: 98%;
		margin-bottom: 5%;
	}
	#category-description.content-block ul.iglinerlistnewfilter li, #category-description.content-block .allhottubscontainer ul#spas li {
		width: 47%;
	}
	#category-description.content-block .iglinerlistcontainer .filter h2, #category-description.content-block .allhottubscontainer .filter h2 {
		width: 98%;
		margin: 1%;
		min-height: inherit;
	}
	#category-description.content-block .iglinerlistcontainer .filter ul {
		width: 98%;
		margin: 1%;
	}
	#category-description.content-block .iglinerlistcontainer .filter ul li:nth-of-type(1) {
		width: 99%;
	}
	#category-description.content-block .iglinerlistcontainer .filter ul li, #category-description.content-block .allhottubscontainer .filter ul li {
		width: 49%;
		float: left;
	}
	#category-description.content-block .spafeatsleft {
		text-align: center;
	}
	#category-description.content-block .spafeatsleft, #category-description.content-block .spafeatsright {
		width: 98%;
		margin: 0 auto;
	}
	#category-description.content-block ul.shopbyparttype li, #category-description.content-block ul li.parts {
		width: 48%;
		margin: 1%;
		text-align: center;
		min-height: auto;
		line-height: initial;
		padding: 2%;
	}
	#category-description.content-block ul.shopbyparttype li a img, #category-description.content-block ul li.parts img {
		display: block;
		clear: both;
		margin: 0 auto;
		min-height: 50px;
	}
	.ow .iw .ullist2.sc-compare-prices-3col {
		margin-left: 2%;
		margin-right: 2%;
	}
	.ow .iw .ullist2.sc-compare-prices-3col ul li.blueleft, .ow .iw .ullist2.sc-compare-prices-3col ul li.blue, .ow .iw .ullist2.sc-compare-prices-3col ul li.blueright {
		min-height: 70px !important;
		vertical-align: middle;
	}
	.product-tab-content ul.iglinerlistnew.smalllist, .product-tab-content .igpcontents {
		width: 98%;
		display: block;
		float: none;
		clear: both;
		margin-left: 1%;
	}
	#product .product-tab-content .ullist .floathalf {
		width: 98%;
		clear: both;
	}
	#product .product-tab-content .ullist ul, #product .product-tab-content .ullist ul li {
		margin: 0;
		padding: 0;
	}
	.scinstallvideo iframe {
		max-width: 98%;
		display: block;
		margin: 0 auto;
	}
}