.row,.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";max-width:62.5rem;margin-left:auto;margin-right:auto}
.row::before,.knowledgeBaseArticlesInner::before,.row::after,.knowledgeBaseArticlesInner::after{filesource:"PoolFenceDesigner.scss";content:' ';display:table}
.row::after,.knowledgeBaseArticlesInner::after{filesource:"PoolFenceDesigner.scss";clear:both}
.row.collapse>.column,.collapse.knowledgeBaseArticlesInner>.column,.knowledgeBaseArticlesInner .row.collapse>.article,.collapse.knowledgeBaseArticlesInner>.article,.row.collapse>.columns,.collapse.knowledgeBaseArticlesInner>.columns{filesource:"PoolFenceDesigner.scss";padding-left:0;padding-right:0}
.row .row,.knowledgeBaseArticlesInner .row,.row .knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:-0.9375rem;margin-right:-0.9375rem}
.row .row.collapse,.knowledgeBaseArticlesInner .row.collapse,.row .collapse.knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .collapse.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.row.expanded,.expanded.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";max-width:none}
.row.expanded .row,.expanded.knowledgeBaseArticlesInner .row,.row.expanded .knowledgeBaseArticlesInner,.expanded.knowledgeBaseArticlesInner .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:auto;margin-right:auto}
.column,.knowledgeBaseArticlesInner .article,.columns{filesource:"PoolFenceDesigner.scss";width:100%;float:left;padding-left:.9375rem;padding-right:.9375rem}
.column:last-child:not(:first-child),.knowledgeBaseArticlesInner .article:last-child:not(:first-child),.columns:last-child:not(:first-child){filesource:"PoolFenceDesigner.scss";float:right}
.column.end:last-child:last-child,.knowledgeBaseArticlesInner .end.article:last-child:last-child,.end.columns:last-child:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.column.row.row,.column.knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .knowledgeBaseArticlesInner.article,.knowledgeBaseArticlesInner .row.row.article,.row.row.columns,.columns.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";float:none}
.row .column.row.row,.knowledgeBaseArticlesInner .column.row.row,.row .column.knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .column.knowledgeBaseArticlesInner,.row .knowledgeBaseArticlesInner .knowledgeBaseArticlesInner.article,.knowledgeBaseArticlesInner .row .knowledgeBaseArticlesInner.article,.knowledgeBaseArticlesInner .knowledgeBaseArticlesInner.article,.knowledgeBaseArticlesInner .row.row.article,.row .row.row.columns,.knowledgeBaseArticlesInner .row.row.columns,.row .columns.knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .columns.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.small-1{filesource:"PoolFenceDesigner.scss";width:8.33333%}
.small-push-1{filesource:"PoolFenceDesigner.scss";position:relative;left:8.33333%}
.small-pull-1{filesource:"PoolFenceDesigner.scss";position:relative;left:-8.33333%}
.small-offset-0{filesource:"PoolFenceDesigner.scss";margin-left:0}
.small-2{filesource:"PoolFenceDesigner.scss";width:16.66667%}
.small-push-2{filesource:"PoolFenceDesigner.scss";position:relative;left:16.66667%}
.small-pull-2{filesource:"PoolFenceDesigner.scss";position:relative;left:-16.66667%}
.small-offset-1{filesource:"PoolFenceDesigner.scss";margin-left:8.33333%}
.small-3{filesource:"PoolFenceDesigner.scss";width:25%}
.small-push-3{filesource:"PoolFenceDesigner.scss";position:relative;left:25%}
.small-pull-3{filesource:"PoolFenceDesigner.scss";position:relative;left:-25%}
.small-offset-2{filesource:"PoolFenceDesigner.scss";margin-left:16.66667%}
.small-4{filesource:"PoolFenceDesigner.scss";width:33.33333%}
.small-push-4{filesource:"PoolFenceDesigner.scss";position:relative;left:33.33333%}
.small-pull-4{filesource:"PoolFenceDesigner.scss";position:relative;left:-33.33333%}
.small-offset-3{filesource:"PoolFenceDesigner.scss";margin-left:25%}
.small-5{filesource:"PoolFenceDesigner.scss";width:41.66667%}
.small-push-5{filesource:"PoolFenceDesigner.scss";position:relative;left:41.66667%}
.small-pull-5{filesource:"PoolFenceDesigner.scss";position:relative;left:-41.66667%}
.small-offset-4{filesource:"PoolFenceDesigner.scss";margin-left:33.33333%}
.small-6{filesource:"PoolFenceDesigner.scss";width:50%}
.small-push-6{filesource:"PoolFenceDesigner.scss";position:relative;left:50%}
.small-pull-6{filesource:"PoolFenceDesigner.scss";position:relative;left:-50%}
.small-offset-5{filesource:"PoolFenceDesigner.scss";margin-left:41.66667%}
.small-7{filesource:"PoolFenceDesigner.scss";width:58.33333%}
.small-push-7{filesource:"PoolFenceDesigner.scss";position:relative;left:58.33333%}
.small-pull-7{filesource:"PoolFenceDesigner.scss";position:relative;left:-58.33333%}
.small-offset-6{filesource:"PoolFenceDesigner.scss";margin-left:50%}
.small-8{filesource:"PoolFenceDesigner.scss";width:66.66667%}
.small-push-8{filesource:"PoolFenceDesigner.scss";position:relative;left:66.66667%}
.small-pull-8{filesource:"PoolFenceDesigner.scss";position:relative;left:-66.66667%}
.small-offset-7{filesource:"PoolFenceDesigner.scss";margin-left:58.33333%}
.small-9{filesource:"PoolFenceDesigner.scss";width:75%}
.small-push-9{filesource:"PoolFenceDesigner.scss";position:relative;left:75%}
.small-pull-9{filesource:"PoolFenceDesigner.scss";position:relative;left:-75%}
.small-offset-8{filesource:"PoolFenceDesigner.scss";margin-left:66.66667%}
.small-10{filesource:"PoolFenceDesigner.scss";width:83.33333%}
.small-push-10{filesource:"PoolFenceDesigner.scss";position:relative;left:83.33333%}
.small-pull-10{filesource:"PoolFenceDesigner.scss";position:relative;left:-83.33333%}
.small-offset-9{filesource:"PoolFenceDesigner.scss";margin-left:75%}
.small-11{filesource:"PoolFenceDesigner.scss";width:91.66667%}
.small-push-11{filesource:"PoolFenceDesigner.scss";position:relative;left:91.66667%}
.small-pull-11{filesource:"PoolFenceDesigner.scss";position:relative;left:-91.66667%}
.small-offset-10{filesource:"PoolFenceDesigner.scss";margin-left:83.33333%}
.small-12{filesource:"PoolFenceDesigner.scss";width:100%}
.small-offset-11{filesource:"PoolFenceDesigner.scss";margin-left:91.66667%}
.small-up-1>.column,.knowledgeBaseArticlesInner .small-up-1>.article,.small-up-1>.columns{filesource:"PoolFenceDesigner.scss";width:100%;float:left}
.small-up-1>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-1>.article:nth-of-type(1n),.small-up-1>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-1>.column:nth-of-type(1n+1),.knowledgeBaseArticlesInner .small-up-1>.article:nth-of-type(1n+1),.small-up-1>.columns:nth-of-type(1n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-1>.column:last-child,.knowledgeBaseArticlesInner .small-up-1>.article:last-child,.small-up-1>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-2>.column,.knowledgeBaseArticlesInner .small-up-2>.article,.small-up-2>.columns{filesource:"PoolFenceDesigner.scss";width:50%;float:left}
.small-up-2>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-2>.article:nth-of-type(1n),.small-up-2>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-2>.column:nth-of-type(2n+1),.knowledgeBaseArticlesInner .small-up-2>.article:nth-of-type(2n+1),.small-up-2>.columns:nth-of-type(2n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-2>.column:last-child,.knowledgeBaseArticlesInner .small-up-2>.article:last-child,.small-up-2>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-3>.column,.knowledgeBaseArticlesInner .small-up-3>.article,.small-up-3>.columns{filesource:"PoolFenceDesigner.scss";width:33.33333%;float:left}
.small-up-3>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-3>.article:nth-of-type(1n),.small-up-3>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-3>.column:nth-of-type(3n+1),.knowledgeBaseArticlesInner .small-up-3>.article:nth-of-type(3n+1),.small-up-3>.columns:nth-of-type(3n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-3>.column:last-child,.knowledgeBaseArticlesInner .small-up-3>.article:last-child,.small-up-3>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-4>.column,.knowledgeBaseArticlesInner .small-up-4>.article,.small-up-4>.columns{filesource:"PoolFenceDesigner.scss";width:25%;float:left}
.small-up-4>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-4>.article:nth-of-type(1n),.small-up-4>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-4>.column:nth-of-type(4n+1),.knowledgeBaseArticlesInner .small-up-4>.article:nth-of-type(4n+1),.small-up-4>.columns:nth-of-type(4n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-4>.column:last-child,.knowledgeBaseArticlesInner .small-up-4>.article:last-child,.small-up-4>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-5>.column,.knowledgeBaseArticlesInner .small-up-5>.article,.small-up-5>.columns{filesource:"PoolFenceDesigner.scss";width:20%;float:left}
.small-up-5>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-5>.article:nth-of-type(1n),.small-up-5>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-5>.column:nth-of-type(5n+1),.knowledgeBaseArticlesInner .small-up-5>.article:nth-of-type(5n+1),.small-up-5>.columns:nth-of-type(5n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-5>.column:last-child,.knowledgeBaseArticlesInner .small-up-5>.article:last-child,.small-up-5>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-6>.column,.knowledgeBaseArticlesInner .small-up-6>.article,.small-up-6>.columns{filesource:"PoolFenceDesigner.scss";width:16.66667%;float:left}
.small-up-6>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-6>.article:nth-of-type(1n),.small-up-6>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-6>.column:nth-of-type(6n+1),.knowledgeBaseArticlesInner .small-up-6>.article:nth-of-type(6n+1),.small-up-6>.columns:nth-of-type(6n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-6>.column:last-child,.knowledgeBaseArticlesInner .small-up-6>.article:last-child,.small-up-6>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-7>.column,.knowledgeBaseArticlesInner .small-up-7>.article,.small-up-7>.columns{filesource:"PoolFenceDesigner.scss";width:14.28571%;float:left}
.small-up-7>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-7>.article:nth-of-type(1n),.small-up-7>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-7>.column:nth-of-type(7n+1),.knowledgeBaseArticlesInner .small-up-7>.article:nth-of-type(7n+1),.small-up-7>.columns:nth-of-type(7n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-7>.column:last-child,.knowledgeBaseArticlesInner .small-up-7>.article:last-child,.small-up-7>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-up-8>.column,.knowledgeBaseArticlesInner .small-up-8>.article,.small-up-8>.columns{filesource:"PoolFenceDesigner.scss";width:12.5%;float:left}
.small-up-8>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .small-up-8>.article:nth-of-type(1n),.small-up-8>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.small-up-8>.column:nth-of-type(8n+1),.knowledgeBaseArticlesInner .small-up-8>.article:nth-of-type(8n+1),.small-up-8>.columns:nth-of-type(8n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.small-up-8>.column:last-child,.knowledgeBaseArticlesInner .small-up-8>.article:last-child,.small-up-8>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.small-collapse>.column,.knowledgeBaseArticlesInner .small-collapse>.article,.small-collapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:0;padding-right:0}
.small-collapse .row,.small-collapse .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.expanded.row .small-collapse.row,.expanded.knowledgeBaseArticlesInner .small-collapse.row,.expanded.row .small-collapse.knowledgeBaseArticlesInner,.expanded.knowledgeBaseArticlesInner .small-collapse.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.small-uncollapse>.column,.knowledgeBaseArticlesInner .small-uncollapse>.article,.small-uncollapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:.9375rem;padding-right:.9375rem}
.small-centered{filesource:"PoolFenceDesigner.scss";margin-left:auto;margin-right:auto}
.small-centered,.small-centered:last-child:not(:first-child){filesource:"PoolFenceDesigner.scss";float:none;clear:both}
.small-uncentered,.small-push-0,.small-pull-0{filesource:"PoolFenceDesigner.scss";position:static;margin-left:0;margin-right:0;float:left}
@media screen and (min-width:40em){.medium-1{filesource:"PoolFenceDesigner.scss";width:8.33333%}
.medium-push-1{filesource:"PoolFenceDesigner.scss";position:relative;left:8.33333%}
.medium-pull-1{filesource:"PoolFenceDesigner.scss";position:relative;left:-8.33333%}
.medium-offset-0{filesource:"PoolFenceDesigner.scss";margin-left:0}
.medium-2{filesource:"PoolFenceDesigner.scss";width:16.66667%}
.medium-push-2{filesource:"PoolFenceDesigner.scss";position:relative;left:16.66667%}
.medium-pull-2{filesource:"PoolFenceDesigner.scss";position:relative;left:-16.66667%}
.medium-offset-1{filesource:"PoolFenceDesigner.scss";margin-left:8.33333%}
.medium-3{filesource:"PoolFenceDesigner.scss";width:25%}
.medium-push-3{filesource:"PoolFenceDesigner.scss";position:relative;left:25%}
.medium-pull-3{filesource:"PoolFenceDesigner.scss";position:relative;left:-25%}
.medium-offset-2{filesource:"PoolFenceDesigner.scss";margin-left:16.66667%}
.medium-4{filesource:"PoolFenceDesigner.scss";width:33.33333%}
.medium-push-4{filesource:"PoolFenceDesigner.scss";position:relative;left:33.33333%}
.medium-pull-4{filesource:"PoolFenceDesigner.scss";position:relative;left:-33.33333%}
.medium-offset-3{filesource:"PoolFenceDesigner.scss";margin-left:25%}
.medium-5{filesource:"PoolFenceDesigner.scss";width:41.66667%}
.medium-push-5{filesource:"PoolFenceDesigner.scss";position:relative;left:41.66667%}
.medium-pull-5{filesource:"PoolFenceDesigner.scss";position:relative;left:-41.66667%}
.medium-offset-4{filesource:"PoolFenceDesigner.scss";margin-left:33.33333%}
.medium-6{filesource:"PoolFenceDesigner.scss";width:50%}
.medium-push-6{filesource:"PoolFenceDesigner.scss";position:relative;left:50%}
.medium-pull-6{filesource:"PoolFenceDesigner.scss";position:relative;left:-50%}
.medium-offset-5{filesource:"PoolFenceDesigner.scss";margin-left:41.66667%}
.medium-7{filesource:"PoolFenceDesigner.scss";width:58.33333%}
.medium-push-7{filesource:"PoolFenceDesigner.scss";position:relative;left:58.33333%}
.medium-pull-7{filesource:"PoolFenceDesigner.scss";position:relative;left:-58.33333%}
.medium-offset-6{filesource:"PoolFenceDesigner.scss";margin-left:50%}
.medium-8{filesource:"PoolFenceDesigner.scss";width:66.66667%}
.medium-push-8{filesource:"PoolFenceDesigner.scss";position:relative;left:66.66667%}
.medium-pull-8{filesource:"PoolFenceDesigner.scss";position:relative;left:-66.66667%}
.medium-offset-7{filesource:"PoolFenceDesigner.scss";margin-left:58.33333%}
.medium-9{filesource:"PoolFenceDesigner.scss";width:75%}
.medium-push-9{filesource:"PoolFenceDesigner.scss";position:relative;left:75%}
.medium-pull-9{filesource:"PoolFenceDesigner.scss";position:relative;left:-75%}
.medium-offset-8{filesource:"PoolFenceDesigner.scss";margin-left:66.66667%}
.medium-10{filesource:"PoolFenceDesigner.scss";width:83.33333%}
.medium-push-10{filesource:"PoolFenceDesigner.scss";position:relative;left:83.33333%}
.medium-pull-10{filesource:"PoolFenceDesigner.scss";position:relative;left:-83.33333%}
.medium-offset-9{filesource:"PoolFenceDesigner.scss";margin-left:75%}
.medium-11{filesource:"PoolFenceDesigner.scss";width:91.66667%}
.medium-push-11{filesource:"PoolFenceDesigner.scss";position:relative;left:91.66667%}
.medium-pull-11{filesource:"PoolFenceDesigner.scss";position:relative;left:-91.66667%}
.medium-offset-10{filesource:"PoolFenceDesigner.scss";margin-left:83.33333%}
.medium-12{filesource:"PoolFenceDesigner.scss";width:100%}
.medium-offset-11{filesource:"PoolFenceDesigner.scss";margin-left:91.66667%}
.medium-up-1>.column,.knowledgeBaseArticlesInner .medium-up-1>.article,.medium-up-1>.columns{filesource:"PoolFenceDesigner.scss";width:100%;float:left}
.medium-up-1>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-1>.article:nth-of-type(1n),.medium-up-1>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-1>.column:nth-of-type(1n+1),.knowledgeBaseArticlesInner .medium-up-1>.article:nth-of-type(1n+1),.medium-up-1>.columns:nth-of-type(1n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-1>.column:last-child,.knowledgeBaseArticlesInner .medium-up-1>.article:last-child,.medium-up-1>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-2>.column,.knowledgeBaseArticlesInner .medium-up-2>.article,.medium-up-2>.columns{filesource:"PoolFenceDesigner.scss";width:50%;float:left}
.medium-up-2>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-2>.article:nth-of-type(1n),.medium-up-2>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-2>.column:nth-of-type(2n+1),.knowledgeBaseArticlesInner .medium-up-2>.article:nth-of-type(2n+1),.medium-up-2>.columns:nth-of-type(2n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-2>.column:last-child,.knowledgeBaseArticlesInner .medium-up-2>.article:last-child,.medium-up-2>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-3>.column,.knowledgeBaseArticlesInner>.column,.knowledgeBaseArticlesInner .medium-up-3>.article,.knowledgeBaseArticlesInner>.article,.medium-up-3>.columns,.knowledgeBaseArticlesInner>.columns{filesource:"PoolFenceDesigner.scss";width:33.33333%;float:left}
.medium-up-3>.column:nth-of-type(1n),.knowledgeBaseArticlesInner>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-3>.article:nth-of-type(1n),.knowledgeBaseArticlesInner>.article:nth-of-type(1n),.medium-up-3>.columns:nth-of-type(1n),.knowledgeBaseArticlesInner>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-3>.column:nth-of-type(3n+1),.knowledgeBaseArticlesInner>.column:nth-of-type(3n+1),.knowledgeBaseArticlesInner .medium-up-3>.article:nth-of-type(3n+1),.knowledgeBaseArticlesInner>.article:nth-of-type(3n+1),.medium-up-3>.columns:nth-of-type(3n+1),.knowledgeBaseArticlesInner>.columns:nth-of-type(3n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-3>.column:last-child,.knowledgeBaseArticlesInner>.column:last-child,.knowledgeBaseArticlesInner .medium-up-3>.article:last-child,.knowledgeBaseArticlesInner>.article:last-child,.medium-up-3>.columns:last-child,.knowledgeBaseArticlesInner>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-4>.column,.knowledgeBaseArticlesInner .medium-up-4>.article,.medium-up-4>.columns{filesource:"PoolFenceDesigner.scss";width:25%;float:left}
.medium-up-4>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-4>.article:nth-of-type(1n),.medium-up-4>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-4>.column:nth-of-type(4n+1),.knowledgeBaseArticlesInner .medium-up-4>.article:nth-of-type(4n+1),.medium-up-4>.columns:nth-of-type(4n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-4>.column:last-child,.knowledgeBaseArticlesInner .medium-up-4>.article:last-child,.medium-up-4>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-5>.column,.knowledgeBaseArticlesInner .medium-up-5>.article,.medium-up-5>.columns{filesource:"PoolFenceDesigner.scss";width:20%;float:left}
.medium-up-5>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-5>.article:nth-of-type(1n),.medium-up-5>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-5>.column:nth-of-type(5n+1),.knowledgeBaseArticlesInner .medium-up-5>.article:nth-of-type(5n+1),.medium-up-5>.columns:nth-of-type(5n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-5>.column:last-child,.knowledgeBaseArticlesInner .medium-up-5>.article:last-child,.medium-up-5>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-6>.column,.knowledgeBaseArticlesInner .medium-up-6>.article,.medium-up-6>.columns{filesource:"PoolFenceDesigner.scss";width:16.66667%;float:left}
.medium-up-6>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-6>.article:nth-of-type(1n),.medium-up-6>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-6>.column:nth-of-type(6n+1),.knowledgeBaseArticlesInner .medium-up-6>.article:nth-of-type(6n+1),.medium-up-6>.columns:nth-of-type(6n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-6>.column:last-child,.knowledgeBaseArticlesInner .medium-up-6>.article:last-child,.medium-up-6>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-7>.column,.knowledgeBaseArticlesInner .medium-up-7>.article,.medium-up-7>.columns{filesource:"PoolFenceDesigner.scss";width:14.28571%;float:left}
.medium-up-7>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-7>.article:nth-of-type(1n),.medium-up-7>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-7>.column:nth-of-type(7n+1),.knowledgeBaseArticlesInner .medium-up-7>.article:nth-of-type(7n+1),.medium-up-7>.columns:nth-of-type(7n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-7>.column:last-child,.knowledgeBaseArticlesInner .medium-up-7>.article:last-child,.medium-up-7>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-up-8>.column,.knowledgeBaseArticlesInner .medium-up-8>.article,.medium-up-8>.columns{filesource:"PoolFenceDesigner.scss";width:12.5%;float:left}
.medium-up-8>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .medium-up-8>.article:nth-of-type(1n),.medium-up-8>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.medium-up-8>.column:nth-of-type(8n+1),.knowledgeBaseArticlesInner .medium-up-8>.article:nth-of-type(8n+1),.medium-up-8>.columns:nth-of-type(8n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.medium-up-8>.column:last-child,.knowledgeBaseArticlesInner .medium-up-8>.article:last-child,.medium-up-8>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.medium-collapse>.column,.knowledgeBaseArticlesInner .medium-collapse>.article,.medium-collapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:0;padding-right:0}
.medium-collapse .row,.medium-collapse .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.expanded.row .medium-collapse.row,.expanded.knowledgeBaseArticlesInner .medium-collapse.row,.expanded.row .medium-collapse.knowledgeBaseArticlesInner,.expanded.knowledgeBaseArticlesInner .medium-collapse.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.medium-uncollapse>.column,.knowledgeBaseArticlesInner .medium-uncollapse>.article,.medium-uncollapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:.9375rem;padding-right:.9375rem}
.medium-centered{filesource:"PoolFenceDesigner.scss";margin-left:auto;margin-right:auto}
.medium-centered,.medium-centered:last-child:not(:first-child){filesource:"PoolFenceDesigner.scss";float:none;clear:both}
.medium-uncentered,.medium-push-0,.medium-pull-0{filesource:"PoolFenceDesigner.scss";position:static;margin-left:0;margin-right:0;float:left}
}
@media screen and (min-width:64em){.large-1{filesource:"PoolFenceDesigner.scss";width:8.33333%}
.large-push-1{filesource:"PoolFenceDesigner.scss";position:relative;left:8.33333%}
.large-pull-1{filesource:"PoolFenceDesigner.scss";position:relative;left:-8.33333%}
.large-offset-0{filesource:"PoolFenceDesigner.scss";margin-left:0}
.large-2{filesource:"PoolFenceDesigner.scss";width:16.66667%}
.large-push-2{filesource:"PoolFenceDesigner.scss";position:relative;left:16.66667%}
.large-pull-2{filesource:"PoolFenceDesigner.scss";position:relative;left:-16.66667%}
.large-offset-1{filesource:"PoolFenceDesigner.scss";margin-left:8.33333%}
.large-3{filesource:"PoolFenceDesigner.scss";width:25%}
.large-push-3{filesource:"PoolFenceDesigner.scss";position:relative;left:25%}
.large-pull-3{filesource:"PoolFenceDesigner.scss";position:relative;left:-25%}
.large-offset-2{filesource:"PoolFenceDesigner.scss";margin-left:16.66667%}
.large-4{filesource:"PoolFenceDesigner.scss";width:33.33333%}
.large-push-4{filesource:"PoolFenceDesigner.scss";position:relative;left:33.33333%}
.large-pull-4{filesource:"PoolFenceDesigner.scss";position:relative;left:-33.33333%}
.large-offset-3{filesource:"PoolFenceDesigner.scss";margin-left:25%}
.large-5{filesource:"PoolFenceDesigner.scss";width:41.66667%}
.large-push-5{filesource:"PoolFenceDesigner.scss";position:relative;left:41.66667%}
.large-pull-5{filesource:"PoolFenceDesigner.scss";position:relative;left:-41.66667%}
.large-offset-4{filesource:"PoolFenceDesigner.scss";margin-left:33.33333%}
.large-6{filesource:"PoolFenceDesigner.scss";width:50%}
.large-push-6{filesource:"PoolFenceDesigner.scss";position:relative;left:50%}
.large-pull-6{filesource:"PoolFenceDesigner.scss";position:relative;left:-50%}
.large-offset-5{filesource:"PoolFenceDesigner.scss";margin-left:41.66667%}
.large-7{filesource:"PoolFenceDesigner.scss";width:58.33333%}
.large-push-7{filesource:"PoolFenceDesigner.scss";position:relative;left:58.33333%}
.large-pull-7{filesource:"PoolFenceDesigner.scss";position:relative;left:-58.33333%}
.large-offset-6{filesource:"PoolFenceDesigner.scss";margin-left:50%}
.large-8{filesource:"PoolFenceDesigner.scss";width:66.66667%}
.large-push-8{filesource:"PoolFenceDesigner.scss";position:relative;left:66.66667%}
.large-pull-8{filesource:"PoolFenceDesigner.scss";position:relative;left:-66.66667%}
.large-offset-7{filesource:"PoolFenceDesigner.scss";margin-left:58.33333%}
.large-9{filesource:"PoolFenceDesigner.scss";width:75%}
.large-push-9{filesource:"PoolFenceDesigner.scss";position:relative;left:75%}
.large-pull-9{filesource:"PoolFenceDesigner.scss";position:relative;left:-75%}
.large-offset-8{filesource:"PoolFenceDesigner.scss";margin-left:66.66667%}
.large-10{filesource:"PoolFenceDesigner.scss";width:83.33333%}
.large-push-10{filesource:"PoolFenceDesigner.scss";position:relative;left:83.33333%}
.large-pull-10{filesource:"PoolFenceDesigner.scss";position:relative;left:-83.33333%}
.large-offset-9{filesource:"PoolFenceDesigner.scss";margin-left:75%}
.large-11{filesource:"PoolFenceDesigner.scss";width:91.66667%}
.large-push-11{filesource:"PoolFenceDesigner.scss";position:relative;left:91.66667%}
.large-pull-11{filesource:"PoolFenceDesigner.scss";position:relative;left:-91.66667%}
.large-offset-10{filesource:"PoolFenceDesigner.scss";margin-left:83.33333%}
.large-12{filesource:"PoolFenceDesigner.scss";width:100%}
.large-offset-11{filesource:"PoolFenceDesigner.scss";margin-left:91.66667%}
.large-up-1>.column,.knowledgeBaseArticlesInner .large-up-1>.article,.large-up-1>.columns{filesource:"PoolFenceDesigner.scss";width:100%;float:left}
.large-up-1>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-1>.article:nth-of-type(1n),.large-up-1>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-1>.column:nth-of-type(1n+1),.knowledgeBaseArticlesInner .large-up-1>.article:nth-of-type(1n+1),.large-up-1>.columns:nth-of-type(1n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-1>.column:last-child,.knowledgeBaseArticlesInner .large-up-1>.article:last-child,.large-up-1>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-2>.column,.knowledgeBaseArticlesInner .large-up-2>.article,.large-up-2>.columns{filesource:"PoolFenceDesigner.scss";width:50%;float:left}
.large-up-2>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-2>.article:nth-of-type(1n),.large-up-2>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-2>.column:nth-of-type(2n+1),.knowledgeBaseArticlesInner .large-up-2>.article:nth-of-type(2n+1),.large-up-2>.columns:nth-of-type(2n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-2>.column:last-child,.knowledgeBaseArticlesInner .large-up-2>.article:last-child,.large-up-2>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-3>.column,.knowledgeBaseArticlesInner .large-up-3>.article,.large-up-3>.columns{filesource:"PoolFenceDesigner.scss";width:33.33333%;float:left}
.large-up-3>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-3>.article:nth-of-type(1n),.large-up-3>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-3>.column:nth-of-type(3n+1),.knowledgeBaseArticlesInner .large-up-3>.article:nth-of-type(3n+1),.large-up-3>.columns:nth-of-type(3n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-3>.column:last-child,.knowledgeBaseArticlesInner .large-up-3>.article:last-child,.large-up-3>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-4>.column,.knowledgeBaseArticlesInner .large-up-4>.article,.large-up-4>.columns{filesource:"PoolFenceDesigner.scss";width:25%;float:left}
.large-up-4>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-4>.article:nth-of-type(1n),.large-up-4>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-4>.column:nth-of-type(4n+1),.knowledgeBaseArticlesInner .large-up-4>.article:nth-of-type(4n+1),.large-up-4>.columns:nth-of-type(4n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-4>.column:last-child,.knowledgeBaseArticlesInner .large-up-4>.article:last-child,.large-up-4>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-5>.column,.knowledgeBaseArticlesInner .large-up-5>.article,.large-up-5>.columns{filesource:"PoolFenceDesigner.scss";width:20%;float:left}
.large-up-5>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-5>.article:nth-of-type(1n),.large-up-5>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-5>.column:nth-of-type(5n+1),.knowledgeBaseArticlesInner .large-up-5>.article:nth-of-type(5n+1),.large-up-5>.columns:nth-of-type(5n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-5>.column:last-child,.knowledgeBaseArticlesInner .large-up-5>.article:last-child,.large-up-5>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-6>.column,.knowledgeBaseArticlesInner .large-up-6>.article,.large-up-6>.columns{filesource:"PoolFenceDesigner.scss";width:16.66667%;float:left}
.large-up-6>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-6>.article:nth-of-type(1n),.large-up-6>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-6>.column:nth-of-type(6n+1),.knowledgeBaseArticlesInner .large-up-6>.article:nth-of-type(6n+1),.large-up-6>.columns:nth-of-type(6n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-6>.column:last-child,.knowledgeBaseArticlesInner .large-up-6>.article:last-child,.large-up-6>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-7>.column,.knowledgeBaseArticlesInner .large-up-7>.article,.large-up-7>.columns{filesource:"PoolFenceDesigner.scss";width:14.28571%;float:left}
.large-up-7>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-7>.article:nth-of-type(1n),.large-up-7>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-7>.column:nth-of-type(7n+1),.knowledgeBaseArticlesInner .large-up-7>.article:nth-of-type(7n+1),.large-up-7>.columns:nth-of-type(7n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-7>.column:last-child,.knowledgeBaseArticlesInner .large-up-7>.article:last-child,.large-up-7>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-up-8>.column,.knowledgeBaseArticlesInner .large-up-8>.article,.large-up-8>.columns{filesource:"PoolFenceDesigner.scss";width:12.5%;float:left}
.large-up-8>.column:nth-of-type(1n),.knowledgeBaseArticlesInner .large-up-8>.article:nth-of-type(1n),.large-up-8>.columns:nth-of-type(1n){filesource:"PoolFenceDesigner.scss";clear:none}
.large-up-8>.column:nth-of-type(8n+1),.knowledgeBaseArticlesInner .large-up-8>.article:nth-of-type(8n+1),.large-up-8>.columns:nth-of-type(8n+1){filesource:"PoolFenceDesigner.scss";clear:both}
.large-up-8>.column:last-child,.knowledgeBaseArticlesInner .large-up-8>.article:last-child,.large-up-8>.columns:last-child{filesource:"PoolFenceDesigner.scss";float:left}
.large-collapse>.column,.knowledgeBaseArticlesInner .large-collapse>.article,.large-collapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:0;padding-right:0}
.large-collapse .row,.large-collapse .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.expanded.row .large-collapse.row,.expanded.knowledgeBaseArticlesInner .large-collapse.row,.expanded.row .large-collapse.knowledgeBaseArticlesInner,.expanded.knowledgeBaseArticlesInner .large-collapse.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:0;margin-right:0}
.large-uncollapse>.column,.knowledgeBaseArticlesInner .large-uncollapse>.article,.large-uncollapse>.columns{filesource:"PoolFenceDesigner.scss";padding-left:.9375rem;padding-right:.9375rem}
.large-centered{filesource:"PoolFenceDesigner.scss";margin-left:auto;margin-right:auto}
.large-centered,.large-centered:last-child:not(:first-child){filesource:"PoolFenceDesigner.scss";float:none;clear:both}
.large-uncentered,.large-push-0,.large-pull-0{filesource:"PoolFenceDesigner.scss";position:static;margin-left:0;margin-right:0;float:left}
}
.columns,.column,.knowledgeBaseArticlesInner .article,.tabs *,.filterOptions,.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";box-sizing:border-box}
.columns,.column,.knowledgeBaseArticlesInner .article{filesource:"PoolFenceDesigner.scss"}
.clearfix,.filterOptions{filesource:"PoolFenceDesigner.scss"}
.clearfix::before,.filterOptions::before{filesource:"PoolFenceDesigner.scss";content:' ';display:table}
.clearfix::after,.filterOptions::after{filesource:"PoolFenceDesigner.scss";clear:both}
small{filesource:"PoolFenceDesigner.scss";font-size:80%;color:#333}
.no-margin{filesource:"PoolFenceDesigner.scss";margin:0!important}
.float-left{filesource:"PoolFenceDesigner.scss";float:left}
.show-for-tablet,.show-for-mobile{filesource:"PoolFenceDesigner.scss";display:none}
@media screen and (min-width:768px){.show-for-tablet{filesource:"PoolFenceDesigner.scss";display:block}
}
@media screen and (max-width:767px){.show-for-mobile{filesource:"PoolFenceDesigner.scss";display:block}
}
.row,.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";max-width:100%}
.row .row,.knowledgeBaseArticlesInner .row,.row .knowledgeBaseArticlesInner,.knowledgeBaseArticlesInner .knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-left:-0.9375rem!important;margin-right:-0.9375rem!important}
a.button{filesource:"PoolFenceDesigner.scss";padding:10px 20px;background:#f68b1f;color:#fff;display:inline-block;margin:10px auto}
a.button:hover{filesource:"PoolFenceDesigner.scss";text-decoration:none}
a.button.blue{filesource:"PoolFenceDesigner.scss";background:#2fc2ed;color:#fff}
a.button.hollow,.filterOptions a{filesource:"PoolFenceDesigner.scss";border:1px solid #2fc2ed;background:#fff;color:#2fc2ed}
a.button.hollow:hover,.filterOptions a:hover{filesource:"PoolFenceDesigner.scss";background:#2fc2ed;color:#fff}
.selected a.button{filesource:"PoolFenceDesigner.scss";background:#2fc2ed;color:#fff}
a.button.small{filesource:"PoolFenceDesigner.scss";font-size:80%;padding:5px 10px}
a.action{filesource:"PoolFenceDesigner.scss";font-size:80%}
a.action.remove{filesource:"PoolFenceDesigner.scss";content:"";color:#666}
a.action.remove:hover{filesource:"PoolFenceDesigner.scss";text-decoration:none;color:red}
a.action.remove:hover:after{filesource:"PoolFenceDesigner.scss";content:"remove";padding-left:4px}
.tabs{filesource:"PoolFenceDesigner.scss";margin:0}
.tabs *{filesource:"PoolFenceDesigner.scss"}
.tabs input.nav{filesource:"PoolFenceDesigner.scss";display:none}
.tabs input.nav:checked+label{filesource:"PoolFenceDesigner.scss";color:#fff;background:#5255a5;font-size:90%}
.tabs input.nav+label{filesource:"PoolFenceDesigner.scss";box-sizing:border-box;display:inline-block;font-weight:600;text-align:center;background:#7577b7;color:#fff;font-size:80%;float:left;border-right:1px solid #9093c6;padding:15px}
@media screen and (min-width:1000px){.tabs input.nav+label{width:16.66%;padding:15px 25px}
}
.tabs input.nav+label:hover{filesource:"PoolFenceDesigner.scss";color:#fff;cursor:pointer;background:#5255a5}
.tabs .tab-title{filesource:"PoolFenceDesigner.scss";background:#5255a5;padding:10px 20px;color:#fff;display:inline-block}
.tabs .title{filesource:"PoolFenceDesigner.scss";margin-bottom:10px;display:block;font-weight:bold;color:#5255a5}
.tabs .content-container{filesource:"PoolFenceDesigner.scss";background:#fff}
.tabs .content{filesource:"PoolFenceDesigner.scss";clear:both;background:#f1f2f8;padding:20px 10px}
.tabs .content-inner{filesource:"PoolFenceDesigner.scss";padding:20px}
.tabs .option-container{filesource:"PoolFenceDesigner.scss";clear:both;padding:10px}
.tabs .option-container.selected{filesource:"PoolFenceDesigner.scss";background:#efefef}
.tabs .content #content1,.tabs .content #content2,.tabs .content #content3,.tabs .content #content4,.tabs .content #content5,.tabs .content #content6{filesource:"PoolFenceDesigner.scss";display:none}
.tabs #tab1:checked ~ .content #content1,.tabs #tab2:checked ~ .content #content2,.tabs #tab3:checked ~ .content #content3,.tabs #tab4:checked ~ .content #content4,.tabs #tab5:checked ~ .content #content5,.tabs #tab6:checked ~ .content #content6{filesource:"PoolFenceDesigner.scss";display:inline-block;width:100%}
.tabs aside{filesource:"PoolFenceDesigner.scss";background:#fff;padding:20px}
.tabs aside h2{filesource:"PoolFenceDesigner.scss";margin-top:0}
.tabs .list{filesource:"PoolFenceDesigner.scss";list-style:none;padding-left:0}
#PrimaryContent #PageBody .tabs .list li{filesource:"PoolFenceDesigner.scss";margin:5px 0}
#PrimaryContent #PageBody .tabs .list li:before{filesource:"PoolFenceDesigner.scss";font-family:FontAwesome;margin-right:5px;color:#5255a5;content:"\f101"}
.tabs #SelectionSummary{filesource:"PoolFenceDesigner.scss"}
.tabs #SelectionSummary .list{filesource:"PoolFenceDesigner.scss"}
#PrimaryContent #PageBody .tabs #SelectionSummary .list li{filesource:"PoolFenceDesigner.scss";opacity:.5}
#PrimaryContent #PageBody .tabs #SelectionSummary .list li:before{filesource:"PoolFenceDesigner.scss";content:"\f00d"}
#PrimaryContent #PageBody .tabs #SelectionSummary .list li.populated{filesource:"PoolFenceDesigner.scss";opacity:1}
#PrimaryContent #PageBody .tabs #SelectionSummary .list li.populated:before{filesource:"PoolFenceDesigner.scss";content:"\f00c"}
.tabs .step-completed .product:not(.selected){filesource:"PoolFenceDesigner.scss";-webkit-opacity:.25;-moz-opacity:.25;-ms-opacity:.25;-o-opacity:.25;opacity:.25}
.tabs .product{filesource:"PoolFenceDesigner.scss";margin:0 10px 10px 0;position:relative;float:left}
.tabs .product .title{filesource:"PoolFenceDesigner.scss";font-size:80%;color:inherit}
.tabs .product img{filesource:"PoolFenceDesigner.scss";border:1px solid #ececec}
.tabs .product img:hover{filesource:"PoolFenceDesigner.scss";border:1px solid #2fc2ed}
.tabs .product.selected{filesource:"PoolFenceDesigner.scss"}
.tabs .product.selected img{filesource:"PoolFenceDesigner.scss";border:1px solid #2fc2ed}
.tabs .product.selected:before{filesource:"PoolFenceDesigner.scss";line-height:25px;text-align:center;font-family:FontAwesome;content:"\f00c";color:#fff;background:#2fc2ed;width:25px;height:25px;position:absolute;top:0;left:0}
.tabs .product.closers{filesource:"PoolFenceDesigner.scss";clear:left}
.tabs .product.closers .productView{filesource:"PoolFenceDesigner.scss";float:left;width:48%;margin-right:2%}
.tabs .product.closers .productInfo{filesource:"PoolFenceDesigner.scss";float:left;width:50%}
.tabs .select-container{filesource:"PoolFenceDesigner.scss";margin-bottom:5px}
.tabs .select-container input,.tabs .select-container select{filesource:"PoolFenceDesigner.scss";border:0;background:#bcebf9;margin-right:10px}
.tabs .select-container input[type*="text"]{filesource:"PoolFenceDesigner.scss";padding:5px}
.tabs .select-container select{filesource:"PoolFenceDesigner.scss";height:30px}
.tabs .select-container label{filesource:"PoolFenceDesigner.scss";margin-right:10px}
.tabs #PoolFenceDesiner{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content1{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content2{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content3{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content3 .product{filesource:"PoolFenceDesigner.scss";width:30%;max-width:100%!important}
.tabs #PoolFenceDesiner #content3 .product img{filesource:"PoolFenceDesigner.scss";width:250px}
.tabs #PoolFenceDesiner #content4{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content4 #Sides{filesource:"PoolFenceDesigner.scss";position:relative;padding:0 0 20px}
.tabs #PoolFenceDesiner #content4 #Sides .side{filesource:"PoolFenceDesigner.scss";position:absolute;top:0;left:0}
.tabs #PoolFenceDesiner #content4 #SidesCustom{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content5{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content5 label .title{filesource:"PoolFenceDesigner.scss";display:inline-block;color:inherit;font-weight:normal}
.tabs #PoolFenceDesiner #content 6{filesource:"PoolFenceDesigner.scss"}
@media screen and (max-width:600px){.tabs{filesource:"PoolFenceDesigner.scss"}
.tabs label{filesource:"PoolFenceDesigner.scss";padding:5px 10px!important;font-size:80%!important;border-bottom:#fff 1px solid!important}
.tabs label br{filesource:"PoolFenceDesigner.scss";display:none}
.tabs .content{filesource:"PoolFenceDesigner.scss";padding:15px 0}
.tabs .content-inner{filesource:"PoolFenceDesigner.scss";padding:10px}
.tabs #PoolFenceDesiner{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content3{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content3 .product{filesource:"PoolFenceDesigner.scss";width:45%;max-width:100%!important}
.tabs #PoolFenceDesiner #content3 .product img{filesource:"PoolFenceDesigner.scss";width:250px}
.tabs #PoolFenceDesiner #content4{filesource:"PoolFenceDesigner.scss"}
.tabs #PoolFenceDesiner #content4 #SidesCustom{filesource:"PoolFenceDesigner.scss";height:auto}
}
@media screen and (max-width:320px){.tabs{filesource:"PoolFenceDesigner.scss"}
.tabs label{filesource:"PoolFenceDesigner.scss";max-width:33%;height:4em;overflow:hidden;line-height:125%}
}
.svg-toggle{filesource:"PoolFenceDesigner.scss";display:none;float:right;background:#ccc;padding:3px 5px}
.svg-toggle:hover{filesource:"PoolFenceDesigner.scss";color:#fff;text-decoration:none;background:#333}
.svg-toggle:before{filesource:"PoolFenceDesigner.scss";content:"Hide "}
.svg-toggle.closed:before{filesource:"PoolFenceDesigner.scss";content:"Show "}
.svg-zoom{filesource:"PoolFenceDesigner.scss";clear:both;position:relative;max-height:500px;overflow:hidden;border:1px solid #ccc;overflow-y:hidden;transition-property:all;transition-duration:.3s}
.svg-zoom.closed{filesource:"PoolFenceDesigner.scss";max-height:0}
.svg-zoom .buttons{filesource:"PoolFenceDesigner.scss";position:absolute;left:2%;bottom:10px;width:96%;padding:5px 0;border:#e0e0e0 3px solid;text-align:center;background:rgba(255,255,255,0.75)}
.svg-zoom .buttons .button{filesource:"PoolFenceDesigner.scss";border:#5255a5 1px solid}
.svg-zoom .buttons .diagramButtons{filesource:"PoolFenceDesigner.scss";display:none;float:left;margin-left:10px}
.svg-zoom .buttons .diagramButtons .button{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .buttons .diagramButtons .button.selected{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .buttons .diagramButtons .button.deselected{filesource:"PoolFenceDesigner.scss";color:#5255a5;background:#fff;border:#5255a5 1px solid}
.svg-zoom .buttons .zoomButtons{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .buttons .zoomButtons .zoom-range{filesource:"PoolFenceDesigner.scss";display:inline-block;vertical-align:middle}
.svg-zoom .buttons .zoomButtons .zoom-in button{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .buttons .zoomButtons .zoom-out button{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .buttons .zoomButtons .reset button{filesource:"PoolFenceDesigner.scss"}
.svg-zoom .button{filesource:"PoolFenceDesigner.scss";background:#5255a5;border:0;color:#fff;display:inline-block;vertical-align:middle;padding:5px 10px;text-align:center;font-weight:bold;font-size:80%;border-bottom:1px solid #fff}
.svg-zoom .filters{filesource:"PoolFenceDesigner.scss";display:none}
.svg-zoom .filters .button{filesource:"PoolFenceDesigner.scss";float:right;clear:both;background:#f68b1f;border:0;color:#fff;display:block;width:80px;text-align:center;border-bottom:1px solid #fff}
.svg-zoom img{filesource:"PoolFenceDesigner.scss";background-image:url("/images/sites/poolfencedirect/PoolFenceDesigner/pool_icon_10.png");background-size:35%;background-repeat:no-repeat;background-position:center}
@media screen and (max-width:768px){.buttons{filesource:"PoolFenceDesigner.scss"}
.buttons .diagramButtons,.buttons .zoomButtons{filesource:"PoolFenceDesigner.scss";float:none;margin-right:0;margin-left:0;display:inline-block;width:100%;text-align:center}
}
.filterLabel{filesource:"PoolFenceDesigner.scss";display:none}
.filterOptions{filesource:"PoolFenceDesigner.scss";margin:0;padding:0;float:right}
.filterOptions li{filesource:"PoolFenceDesigner.scss";display:inline-block;margin:0 5px 0 0}
.filterOptions a{filesource:"PoolFenceDesigner.scss";padding:5px 10px}
.filterOptions a:hover{filesource:"PoolFenceDesigner.scss";text-decoration:none}
.knowledgeBaseArticlesInner{filesource:"PoolFenceDesigner.scss";margin-bottom:20px}
.knowledgeBaseArticlesInner .article{filesource:"PoolFenceDesigner.scss"}
#Primary .knowledgeBaseArticlesInner .thumbnail{filesource:"PoolFenceDesigner.scss";display:block;padding:0;margin-bottom:10px;position:relative}
#Primary .knowledgeBaseArticlesInner .thumbnail a{filesource:"PoolFenceDesigner.scss";display:block}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon{filesource:"PoolFenceDesigner.scss";background:#2fc2ed;padding:5px;color:#fff;font-size:80%;position:absolute;right:0;top:0;font-family:'fontawesome',Muli,sans-serif}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-pdf{filesource:"PoolFenceDesigner.scss"}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-pdf:before{filesource:"PoolFenceDesigner.scss";content:"PDF  \f1c1"}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-video{filesource:"PoolFenceDesigner.scss"}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-video:before{filesource:"PoolFenceDesigner.scss";content:"Video  \f03d"}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-article{filesource:"PoolFenceDesigner.scss"}
#Primary .knowledgeBaseArticlesInner .thumbnail .icon-article:before{filesource:"PoolFenceDesigner.scss";content:"Article  \f097"}
.knowledgeBaseArticlesInner h3.title{filesource:"PoolFenceDesigner.scss";border:0;margin:10px 0;padding:0}
.knowledgeBaseArticlesInner h3.title a{filesource:"PoolFenceDesigner.scss";color:#5255a5;font-size:90%;text-transform:initial}
.shoppingCartProductCategories{filesource:"PoolFenceDesigner.scss";margin-bottom:20px}
.shoppingCartProductCategories a:hover{filesource:"PoolFenceDesigner.scss";text-decoration:none;color:#5255a5;cursor:pointer}
.shoppingCartProductCategories table{filesource:"PoolFenceDesigner.scss";width:100%}
.shoppingCartProductCategories td{filesource:"PoolFenceDesigner.scss";padding:10px 15px;border:#fff 2px solid}
.shoppingCartProductCategories th{filesource:"PoolFenceDesigner.scss";background:#5255a5;color:#fff;padding:10px 15px}
.shoppingCartProductCategories tr.itemsCategory{filesource:"PoolFenceDesigner.scss";background:#f1f2f8;font-weight:bold}
.shoppingCartProductCategories tr.itemsCategory .itemsCategoryName{filesource:"PoolFenceDesigner.scss";display:inline-block}
.shoppingCartProductCategories tr.itemsCategory .itemsCategoryProductAddLink{filesource:"PoolFenceDesigner.scss";display:inline-block;margin-left:20px}
.shoppingCartProductCategories tr:not(.itemsCategory) td{filesource:"PoolFenceDesigner.scss";border-bottom:#e9e9f4 2px solid}
.shoppingCartProductCategories div{filesource:"PoolFenceDesigner.scss"}
.shoppingCartProductCategories div a{filesource:"PoolFenceDesigner.scss";font-size:80%}
.shoppingCartProductCategories div a:before{filesource:"PoolFenceDesigner.scss";font-family:fontAwesome;content:"\f055";padding-right:3px}
.shoppingCartProductCategories .cartSubTotal,.shoppingCartProductCategories .cartTotal{filesource:"PoolFenceDesigner.scss";font-weight:bold;background:#e9e9f4;border-top:3px solid #5255a5}
.shoppingCartProductCategories .cartSubTotal .cartShippingMethod,.shoppingCartProductCategories .cartTotal .cartShippingMethod{filesource:"PoolFenceDesigner.scss"}
.shoppingCartProductCategories .cartSubTotal .cartShippingMethod a,.shoppingCartProductCategories .cartTotal .cartShippingMethod a{filesource:"PoolFenceDesigner.scss";font-size:100%}
.shoppingCartProductCategories .cartSubTotal .cartShippingMethod a:before,.shoppingCartProductCategories .cartTotal .cartShippingMethod a:before{filesource:"PoolFenceDesigner.scss";color:#5255a5;content:"\f0d1";font-family:fontawesome;margin-right:3px}
.shoppingCartProductCategories .cartShipping{filesource:"PoolFenceDesigner.scss"}
.shoppingCartProductCategories .cartShipping .shippingMethodLabel{filesource:"PoolFenceDesigner.scss";font-weight:bold}
.shoppingCartProductCategories .quantity input{filesource:"PoolFenceDesigner.scss";width:40px}
@media screen and (max-width:600px){.shoppingCartProductCategories{filesource:"PoolFenceDesigner.scss";font-size:90%}
.shoppingCartProductCategories td{filesource:"PoolFenceDesigner.scss";padding:5px}
.shoppingCartProductCategories th{filesource:"PoolFenceDesigner.scss";padding:5px}
}
input.small{filesource:"PoolFenceDesigner.scss";max-width:60px}
.home-page .panel{filesource:"PoolFenceDesigner.scss";position:relative;color:#fff;overflow:hidden;background:#5255a5;padding:20px 20px 50px 20px}
.home-page .panel .title{filesource:"PoolFenceDesigner.scss";font-size:160%;margin-bottom:10px}
.home-page .panel p{filesource:"PoolFenceDesigner.scss";font-size:100%;box-sizing:border-box}
.home-page .panel p:first-child{filesource:"PoolFenceDesigner.scss";margin-top:0}
.home-page .panel img{filesource:"PoolFenceDesigner.scss";-webkit-opacity:.2;-moz-opacity:.2;-ms-opacity:.2;-o-opacity:.2;opacity:.2;position:absolute;top:0;bottom:0;left:0;right:0;max-width:100%}
.home-page .panel img:hover{filesource:"PoolFenceDesigner.scss";-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}
.home-page .panel .button{filesource:"PoolFenceDesigner.scss";z-index:5;position:absolute;bottom:0;right:0;background:#08ace2;color:#fff;padding:10px 20px;display:block}
.home-page .panel .button:hover{filesource:"PoolFenceDesigner.scss";background:#f68b1f;text-decoration:none}
#LabelSearchForm{filesource:"PoolFenceDesigner.scss";display:none}
#SearchForm{filesource:"PoolFenceDesigner.scss";position:relative;overflow:hidden}
.calculating{filesource:"PoolFenceDesigner.scss";position:relative;float:left;width:100%;box-sizing:border-box;padding:40px;font-size:250%;color:#fff;text-align:center;background-color:#39be0d;z-index:1000}
.updating{filesource:"PoolFenceDesigner.scss";position:relative;box-sizing:border-box;display:block;padding:8px;color:#fff;text-align:center;background-color:#39be0d;z-index:1000}