@charset "UTF-8";
/* Global Style Declarations */

body {background:#fff url(../images/interface/bg_gradiant.jpg) repeat-x; font-family:"Myriad Pro", Arial, Verdana, san-serif; margin:0;}
body, html, #wrap {height:100%; background:#fff url(../images/interface/bg_full4.jpg) top center repeat-x;}
body > #wrap {height: auto; min-height: 100%; background:#fff url(../images/interface/bg_full2.jpg) top center repeat-x;}
#main {padding-bottom: 30px;}
.top_pad{padding-top:50px;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}
h1 {font-size:1.7em; color:#00347f; text-transform:uppercase; margin-bottom:10px;}
h2 {font-size:1.4em; color:#333; margin-bottom:10px;}
h2.aller {text-transform:uppercase; font-size:16px; font-weight:normal;}
h3 {font-size:1.4em; color:#333; margin:10px 0; font-family:Garamond, Georgia, Times, serif; color:#599a3d;}
h4 {font-size:1.2em; color:#333; margin:5px 0; line-height:1.5em;}
h5 {font-size:1.1em; color:#333; margin:35px 0 5px 0; border-bottom:1px dashed #ccc;}
.column h3 {height:50px;}
.his_pool{float:right;}
#accordion h3 {font-family:"Myriad Pro", Arial, Verdana, san-serif; margin:0;}
p {color:#333; line-height:150%; margin-bottom:1em;}
p a {color:#599a3d;}
p a:hover {color:#243a78;}
hr {color:#e2eff8; background:#e2eff8; height:7px; border-top: 1px solid #ddd; border-bottom:1px solid #ddd;}
sup {font-size:62.5%; vertical-align: text-top;}

/* Header Elements	*/

#search {background-color:#f4f4f4; border:solid 1px #7a7e80; padding:6px; width:250px; float:right;}
#search p, #search p a {color:#434343;}
#search_button {background:url(../images/interface/buttons/search.png) no-repeat; cursor:pointer; border:0; background-position:0 3px; text-indent:-9999px; width:42px;}
#search_input {border:1px solid #c9c9c9; width:200px; }

/*	Content Area Elements	*/
#accordion .ui-state-default, #accordion .ui-widget-content .ui-state-default { border: none; font-size: 14px!important; background: #001355 url(../images/accordion-head.png) repeat-x bottom left; font-weight: normal; color: #FFF; outline: none; }
#accordion .ui-state-default a, #accordion .ui-state-default a:link, #accordion .ui-state-default a:visited { color: #FFF; text-decoration: none; outline: none; }
#accordion .ui-state-hover, #accordion .ui-widget-content .ui-state-hover, #accordion .ui-state-focus, #accordion .ui-widget-content .ui-state-focus { border: none; background: #0050a2 url(../images/accordion-head.png) bottom left repeat-x; font-weight: normal; color: #0b5b98; outline: none; }
#accordion .ui-state-hover a, #accordion .ui-state-hover a:hover { color: #FFF; text-decoration: none; outline: none; }
#accordion .ui-state-active, #accordion .ui-widget-content .ui-state-active { font-size: 14px!important; border: none; background: #1f5c18 url(../images/accordion-head-active.png) repeat-x bottom left; font-weight: normal; color: #FFF; outline: none; }
#accordion .ui-state-active a, #accordion .ui-state-active a:link, #accordion .ui-state-active a:visited { color: #FFF; outline: none; text-decoration: none; }

#body_content {padding:20px 20px 20px 0;}
#body_content ul {margin:0 0 2em 0;}
#body_content li {line-height:1.3em; list-style:outside disc; margin:0 0 1em 2em;}
#commerce_bar {margin-top:15px; float:right; position:relative;}
#commerce_bar img {float:left;margin: 0;}
#finddealer img {margin-right: 19px;}
#content_wrapper {background:#fff; border-left:1px solid #9a9a9a; border-right:1px solid #9a9a9a; border-bottom:1px solid #9a9a9a;}
#dealer_results {margin-left:20px;}
#dealer_results ul {margin:0 25px 25px 0; line-height:1.3em; float:left; width:300px; height:200px; background:#f7f7f7; border:1px solid #e3e3e3; padding:5px;}
#dealer_results li.dealer_title a{font-size:1.5em; color:#599a3d; line-height:1.5em;}
#dealer_results li.phone {}
#dealer_results li a {color:#243a78;}
#dealer_results strong {background:#fd7569; padding:3px 3px 0 3px; border:1px solid #555; font-size:1.7em; line-height:1em; float:left; margin:0 5px 0 0;}
#learn_more_bigger {background:url(../images/interface/buttons/learn_more_bigger.png) no-repeat; background-position:0 -25px; height:25px; text-indent:-9999px; width:118px;}
#learn_more_bigger:hover {background-position:0 0; cursor:pointer;}
#learn_more_new {background:url(../images/interface/buttons/learn_more_new.png) no-repeat; background-position:0 0; height:24px; text-indent:-9999px; width:130px;margin: 0 auto;display: block;}
#learn_more_new:hover {background-position:0 -24px; cursor:pointer;}
#featured {height:335px; overflow:hidden;}
#featured_flag {position:absolute; top:0px; left:0; z-index:100;}
#flag {position:absolute; top:280px; left:-13px; z-index:100;}
#flag:hover {opacity:.9;}
#footer {background:#000048 url(../images/interface/bg_footer.png) repeat-x; width:100%; position: relative; margin-top: -30px; height: 30px; clear:both; margin:0; padding:0;}
#footer p.right {padding-right:47px;}
#footer_content {margin:0 auto; width:950px; padding:0px 0 0 0; height:30px; overflow:hidden; position:relative;}
#footer_content p {color:#fff; margin:0; padding:0; line-height:2.5em;}
#footer_content a {color:#fff;}
#footer_content a:hover {color:#fbee54;}
#footer_content img#french_flag {position: absolute; right: 15px; top: 8px;}
#footer_content .copyright {float:left; margin-right:300px;}
#footer_content .footer_phone {font-size:1.5em; line-height:1.6em;}
#home {margin:0 5px -2px 0;}
.img_thumb {float:left;}
h1#logo {margin:0;}
h1#logo a {position:absolute; top:10px; left:45px; width:230px; height:120px; text-indent:-9999px; margin:0; display:block;}
.locate_box {background:url(../images/interface/segment_dealer.jpg) no-repeat; width:338px; height:257px; text-align:center; float:left;}
.locate_box #locate_zip {margin-top:160px; padding:1px; width:200px; text-align:center; font-size:1.5em; background:#fff; border:1px solid #666; color:#333;}
.locate_box input[type=submit] {background:#fff; border:1px solid #666; width:40px; font-size:1.5em; color:#333; margin-left:10px;}
#tag_this_page img {margin-right:25px;}
#flag_submit {background:url(../images/flag_submit.png); width:181px; height:67px; border:0; cursor:pointer;}
#flag_checkout {background:url(../images/flag_checkout.png); width:181px; height:67px; border:0; cursor:pointer;}
#last {margin-bottom:0;}
#map_container {padding:0;}
#main {position:relative;}
#main_feature {padding:0 0 10px 0;}
#metric_kit {margin-bottom: 25px;}
#metric_kit ul li {background:url(../images/interface/icons/add_16.gif) left no-repeat; zoom:1; position: relative; padding-left:25px; font-size:1.1em; line-height:1.5em; list-style:none;/*margin-left: 270px;*/}
#metric_kit li a {display: block;padding: 3px 0;}
#nav ul {color:#fff; margin:32px 0 30px 0; text-align:center;}
#nav ul li {display:inline; font-size:15px; text-transform:uppercase; font-weight:bold;}
#nav ul li a{color:#fff; padding:14px 10px 14px 10px;}
/*#nav ul li a:hover, #nav li.active a {background:#a0caeb; text-decoration:none; color:#333;}*/
#nav ul li a:hover, #nav li.active a {text-decoration:none; color:#fbee54;}
#news_images {width:300px; margin-left:25px;}
#news_images ul {margin:10px 0 0 0;}
#news_images ul li {list-style-type:none; float:left; margin:0;}
#news_images ul li.middle {margin:0 15px;}
#news_images ul li a img {opacity:.9;}
#news_images ul li a img:hover {opacity:1;}
#persistant_box {margin-top:35px;}
#phone {float:right; margin-bottom:5px; clear:both;}
#pool_detail {overflow: hidden;}
#pool_keystone {width: 160px;display: block;text-indent: -9999px;height: 42px;margin: 0 0 2px 0;background: url(../images/keystone_pool.png) no-repeat 0 0;}
#pool_keystone:hover {background-position: -161px 0;}
#pool_metric {width: 160px;display: block;text-indent: -9999px;height: 42px;margin: 0 0 2px 0;background: url(../images/metric_pool.png) no-repeat 0 0;}
#pool_metric:hover {background-position: -161px 0;}
#pool_inground {width: 160px;display: block;text-indent: -9999px;height: 42px;margin: 0 0 2px 0;background: url(../images/inground_pools.png) no-repeat 0 0;}
#pool_inground:hover {background-position: -161px 0;}
#social_links {text-indent:-9999px; background: #fff url(../images/interface/seperator_horizontal_fade.png) top left no-repeat; padding-top:5px; clear: both; margin: 5px 0; display:block;}
#social_links li {margin-bottom:25px; margin:0; display:block;}
#social_links li a {display:block; height:25px;}
#social_links li#print a {background: url(../images/social_sprite.png) no-repeat  0 0px;width:131px; display:block;}
#social_links li#tag a {background: url(../images/social_sprite.png) no-repeat 0 -25px; width:131px;}
#social_links li#print a:hover {background: url(../images/social_sprite.png) no-repeat -149px 0; width:165px;}
#social_links li#tag a:hover {background: url(../images/social_sprite.png) no-repeat -149px -25px; width:165px;}
#sprite_purchase {width:250px; height:69px; margin-bottom: 5px;background: url(../images/sprite_buy_smaller.png) no-repeat -10px 0; text-indent:-9999px; cursor:pointer; overflow:hidden;}
#sprite_purchase:hover {background-position: -10px -70px;}
#sprite_dealer {width:222px; height:69px; background: url(../images/interface/buttons/sprite_dealer.png) no-repeat 0 0px; text-indent:-9999px; cursor:pointer;}
#sprite_dealer:hover {background-position:0 -67px;}
#sidebar {background:url(../images/interface/bg_sidebar.jpg) top right no-repeat; min-height:350px; padding:20px 20px 0 10px;}
#subpage_content {margin-top:0;}
#sub_nav {/*background: #fff url(../images/interface/seperator_horizontal_fade.png) bottom left no-repeat;*/ font-size:1.3em; font-weight:bold; margin:0 0 10px; padding:0 0 10px; width:180px;}
#sub_nav a {color:#555; display:block;}
#sub_nav li {margin-bottom:.5em; font-size:.9em;}
#sub_nav li.current a, #sub_nav a:hover {color:#0b8bf6; text-decoration:none;}
#sub_nav a.add_item_link {color:red;}
#sub_nav a.add_item_link:hover {color:green;}
#sub_nav li.section a {font-size:1.2em; text-transform:uppercase; color:#000;}
#sub_nav li.section a:hover {color:#0b8bf6;}
/*#sub_head_image {margin:20px 0 25px 25px;}*/
#sub_head_image {margin:0px 0 5px 0px; border:1px solid #ddd; padding:3px;}
.sub_head_class {float:left; margin:0 10px 10px 0;  border:1px solid #ddd; padding:2px;}
#tabs {margin-top:15px;width: 690px;}
#tabs .addon_text li {margin: 0 0 4px 20px;padding-left: 5px;list-style-type: disc;}
#thumbContainer {margin-left: 102px;}
#thumbContainer img {margin-right: 10px;}
#thumb_gallery {padding:10px 0 0 0;}
#thumb_gallery #see_more {float:left; margin-right:15px;}
#thumb_gallery ul {list-style:none; margin-top:10px}
#thumb_gallery li {float:left; padding-right: 2px;padding-bottom: 10px;}
#thumb_gallery li img {padding:1px; border: 1px solid #ccc;}
#thumbs ul li {list-style-type:none; float:left;}
/*#thumbs ul li a img {opacity:.9;}
#thumbs ul li a img:hover {opacity:1;}*/

#body_content ul.pdf li {list-style-type:none; margin:10px 0;}
#body_content ul.pdf li a {color:#362B36;}
ul.pdf li {margin-bottom:1em; background:url(../images/interface/icons/pdf.png) left no-repeat; padding-left:25px; font-weight:bold; }
ul.pdf li a:hover, #body_content ul.pdf li a:hover {color:#243a78; text-decoration:none;}
ul.green_check li, #body_content ul.green_check li {margin-bottom:.6em; background:url(../images/interface/icons/add_16.png) left no-repeat;  padding-left:25px; font-size:1.1em; line-height:1.3em; list-style:none;}
ul.green_check li a:hover {color:#243a78; text-decoration:none;}

p a.edit_this_page {color:red;}
p a.edit_this_page:hover {color:green; text-decoration:none;}

/*	Generic Styles	*/
.blue {background:#deecf7; border:1px solid #c1d4e2; padding:5px;}
.bottom_right {position:absolute; bottom:5px; right:10px;}

.yellow_box {background:#e9db59 url(../images/interface/bg_green_yellow.png) repeat-x; padding:3px 5px; font-size:1.1em; text-transform:uppercase; color:#444; border:1px solid #888; float:right; text-align:center;}

h2.big {font-size:165%;}
p.big {font-size:115%;}
.under_green {border-bottom:1px solid #a8c589; padding-bottom:10px;}
.center {text-align:center;}
.column {height:200px; position:relative;}
.column a img {border-bottom:5px solid #f7f7f7;}
.column a img:hover {border-bottom:5px solid #333;}
.content_section {clear:both; margin-bottom:0px;}
.left_box {float:left; height:170px; width:150px;}
.right_box {}
.feature {min-height:200px; position:relative;}
.feature p {margin:10px 0; }
.gem {clear:both; display:block; margin-bottom:22px; height:100px;}
.gem img {float:left; margin-right:10px;}
.gem h2 {padding-top:5px;}
.gem p {font-size:.95em;}
.grey {background:#f7f7f7; border:1px solid #e3e3e3; padding:5px;}
.grey_text p {background: #F9F9F9;padding: 10px;}
.dark_grey {background:#eee; border:1px solid #999; padding:5px;}
.header1, .header2, .header3 {position: relative; /*height:280px; overflow:hidden;*/}
.headline {margin:0px 0 15px 0;}
.headline_pools {position:relative; left:-99px; z-index:100;margin:10px 0 15px 0;}
.headerTitle {clear:both;font-style: italic;}
.home_video img {float:left; margin:0 10px 0 0;}
/*.imageScroll {position: absolute;overflow: hidden;height: 294px; width:700px; top:20px; left:28px;}*/
/*.imageScroll img {position: absolute!important; left:28px; top:20px; height:241px!important; width: 643px!important;margin: 0;}*/

a img.highlight {opacity:.85; -webkit-transition: opacity .15s ease-in;}
a:hover img.highlight {opacity:1;}
.justify {text-align:justify;}
.scrollNav {position: absolute;width: 130px; height:15px; top:250px; left: 515px;}
.scrollNav .prev {float: left;width: 85px;height: 15px;text-indent: -9999px;display: block;background:url(../images/interface/buttons/scroll.png) no-repeat top left; }
.scrollNav .next {float: left;width: 45px;height: 15px;text-indent: -9999px;display: block;background:url(../images/interface/buttons/scroll.png) no-repeat top right; }
.scrollNav .prev:hover {background-position: bottom left;}
.scrollNav .next:hover {background-position: bottom right;}
.news_listing { margin:0 25px 25px 0; border-bottom:1px dotted #ccc; font-size:.9em;padding-bottom: 10px;}
.news_listing h2 a{text-transform:uppercase; color:#333; font-size:.9em;}
.news_listing h2 a:hover {color:#243a78; text-decoration:none;}
.news_listing a.blue_link.news_listing {color:#00347F;}
a.blue_link:visited {color:purple;}
.news_listing img {margin-bottom:10px;}
.pad-right {padding:0 10px 0 0;}
.pad-left {margin:0 0 0 25px;}


.padding {padding:20px;}
.paper {background:url(../images/interface/bg_9col_paper.jpg) no-repeat; height:280px; overflow:hidden!important; position: relative; padding:20px 0 0 28px;}
.pool_feature {width:290px; float:left; padding:15px 35px 0 0;position: relative;}
.pool_feature h4 {line-height: 1.3;}
.pool_feature .icon, .pool_feature img {float:left;}
.pool_feature .pool_feature_text { margin-left: 60px;}
.pool_feature ul.green_check li img {position: absolute;top: 55px;left: 10px;display: none;}
.products .wide_right {margin-left: 10px;width: 240px }
.round {-moz-border-radius: 10px; -webkit-border-radius: 10px;}
.thumbTitle { width: 100px;text-align: center;margin: 0;padding: 0;line-height: 1.2;}
.top {margin-top:20px;}
.underlined {border-bottom:1px solid #ccc;}
.margin-right {margin-right:15px;}
.video_holder {float:left; width:300px; margin-right:15px;}
.video_copy {float:left; width:280px;}
.white {background:#FFF; padding:10px;position: relative;}
.white h4 {text-align: center; width: 200px;margin: 5px auto 10px auto;line-height: 1.2;}
#body_content ul.search_results li {list-style:none; margin:0 0 1em 0;}
#body_content ul.search_results li a {font-size:1.2em; font-weight:normal; color:#0b8bf6; text-decoration:underline;}
#body_content ul.search_results li a:visited {color:purple;}
#body_content ul.search_results span.search_link {color:green;}
.marker {font-weight:bold;}

ul.clean  {list-style-type:none; float:left; margin-right:20px; line-height:.9em; width:160px;}
ul.clean li {margin-bottom:.8em;}

.checkout_steps li {list-style:none; float:left; font-size:1.1em; color:#999; margin-right:25px;}
.checkout_steps li.current_step {color:#005E8F;}
.checkout_steps a {color:#999;}
.checkout_steps a:hover {text-decoration:none;}

.tab_style {font-weight:bold; text-transform:uppercase;}
a.text_button {color:#243a78; font-weight:bold; background:#eee; padding:4px 10px 1px 10px; border:1px solid #ddd;}
a.text_button:hover {text-decoration:none; background:#ddd; border:1px solid #ccc;}

.center {text-align:center;}
.left {float:left;}
.right {float:right;}

/*	FOOTER STICK CLEAR FIXES	*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix { height: 1%;} 
.clearfix {display: block;}

/* jQuery UI Styles	*/
.ui-tabs .ui-tabs-hide {display: none;}

/* jQuery Overlay Styles */
div.overlay {background-image:url(../images/interface/overlay/white.png); width:360px; height:470px; display:none; padding:55px;}
div.overlay div.close, div.overlay_large div.close, div.overlay_wide div.close {background-image:url(../images/interface/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px;}

#find_dealer {background-image:url(../images/interface/overlay/white_large.png); width:360px; height:560px; display:none; padding:55px;}

div.overlay_wide {background-image:url(../images/interface/overlay/white.png); width:400px; height:470px; display:none; padding:55px;}

/* Form Styles */

ul.products li {float:left;}
/*li.radio_box {width:75px height:75px;}
li.radio_box span {border:1px solid #599a3d; margin:0 3px 3px 0; padding:4px 10px; text-align:center; cursor:pointer; float:left;}
form .selected, form .radio_box:hover {background:#599a3d; color:#fff;}*/

.products li {margin:0 20px 0 0; text-align:center; font-size:1.1em; width:170px; height:325px;}
.products_alt li {margin:0 30px 0 0!important; text-align:center; font-size:1.1em; width:170px; height:265px;float: left;}
.products label, .products_alt label {display:block;}
.products label img, .products_alt label img {/*border:2px solid #f7f7f7;*/ opacity:.9;}
.products label.hilite img, .products label img:hover, .products_alt label img:hover {/*border:2px dashed #599a3d;*/ opacity:1; cursor:pointer;}
.products span, .products_alt span {width:100px;}

.pool_shapes {overflow: hidden;}
.pool_shapes li {margin:0 15px 10px 15px; text-align:center; font-size:1.1em; width:290px;display: block;float: left;}
.pool_shapes img {/*border:2px solid #f7f7f7;*/ width:290px;}

#freeform sup {color:#fe0000;}
li.radio_box input {background:#599a3d; font-size:2.5em;}
li.radio_box span {background:#fff;}

li.steps {margin:21px 0 0 55px;}

ul.pool_sizes li {float:left; margin-right:10px;}
/*#box-table-a {font-size:1.1em; width:100%; text-align: left; border-collapse: collapse; }
#box-table-a th {font-size: 1.2em; font-weight: normal; padding: 8px; background: #eee; border-top: 4px solid #243a78; border-bottom: 1px solid #fff; color: #039; }

#box-table-a td {padding: 8px; background: #f7f7f7; border-bottom: 1px solid #fff; color: #333; border-top: 1px solid transparent; }
#box-table-a tr:hover td {background: #dbe6f0; }*/

#box-table-a {font-size:1.1em; width:100%; text-align: left; border-collapse: collapse; }
#box-table-a th {font-size: 1.1em; text-transform:uppercase; font-weight: normal; padding: 8px; background: #fff; border-top: 4px solid #243a78; border-bottom: 1px solid #fff; color: #039; }
#box-table-a td {padding: 8px; background: #fff; border-bottom: 1px solid #eee; color: #333; border-top: 1px solid #333; }

#box-table-a tr:hover td {background: #f7f7f7; }
.table-text-right {text-align: right;}

.form_style form label {width:78px; float:left; padding:6px 0 0 2px; color:#505050; }

.form_style form label.error {width:220px; float:none; padding:0; color:#ff0000; display:block; font-size:11px; }
.form_style form input, .form_style form textarea, .form_style form input.error {width:230px; color:#505050; padding:5px 3px; border:solid 1px #adadad; background-color:#fff; }
.form_style form input:focus , .form_style form textarea:focus {border:dashed 1px #999; } 
.form_style form input.error, .form_style form textarea.error {border: 1px dashed red; }
.form_style form select {padding: 2px 0; display:block; width:236px;}
.form_style form input[type=submit], #form_submit {position: relative;margin-left:80px; width:236px; background:url(../images/interface/submit_button.gif) center bottom no-repeat; cursor:pointer; height:25px;}
.form_style form fieldset span {float:left; margin-bottom:10px;	padding-bottom:14px; zoom:1;overflow: hidden; background:url(../images/interface/shadow.png) bottom center no-repeat; display:block;}
.history {padding:0 150px 0 0;}
.sidebar_logos {
	border:1px solid #bbb; padding-top:10px;
	margin: 30px 0px 0px 5px;
}

.sidebar_logos img {
	padding: 10px 40px 0px 40px
}

.blue_table {border:1px solid #0c378a; width:550px; font-size:1.1em;}
#tabs .blue_table {background:#f7f7f7; border:1px solid #e3e3e3; padding:5px;}
.blue_table th, .blue_table_alt th {padding:5px; background: #001355 url(../images/accordion-head.png) repeat-x bottom left;color:#fff; font-style:bold; text-transform:uppercase;}
.blue_table tr.table_head td, .blue_table_alt tr.table_head td {padding:5px; text-decoration:underline; font-weight:bold;}
.blue_table td {padding:5px;}
.blue_table_alt td { padding: 5px 0;}
.blue_table .centered {text-align:center;}

.bullseye-error {font-weight: bold; margin-bottom: 10px; display: block;}


