/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
                 /*CONTAINERS*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/

#container { width:768px; margin:0 auto; padding:0; }

#content h1 { margin:5px 0 0 0px; width:700px; color:#55708F;}
#content h6 { margin:0 0 0 20px;}

h1 a {color:#55708F; }
h2 a {color:#55708F; }
h3 a {color:#55708F; }
h4 a {color:#55708F; }
h5 a {color:#55708F; }
h6 a {color:#55708F; }

.pads { padding-top:30px; }
* html .pads {margin:0; padding:0; }

/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
                 /*FOOTER*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/

#footer { clear:both; width:490px; font-size:10px; margin:50px auto 20px auto; padding:0;}
#footer ul { margin:0 auto; text-align:center; display:block; } 
#footer li { float:left; display:block; padding:0 2px; margin:50px 0 0 0; text-align:center; display:block; }
#footer p { clear:both; text-align:center; position:relative; color:#999; display:block; }
#footer a, #footer a:visited { color:#999; font-weight:bold; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

* html #footer { clear:both; width:450px; font-size:10px; margin:50px auto 20px auto; padding:0;}


/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
/*                     !!!JAVASCRIPT REQUIRED CSS BELOW!!!                    */
/*----------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/




/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
                 /*NIFTY CORNERS*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}

/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
                   /*sIFR*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }

span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0;	display: block;	overflow: hidden; }

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 { visibility: hidden;	font-size:25px;	margin:30px; }
.sIFR-hasFlash h2 {	visibility: hidden;	letter-spacing: -9px; font-size: 20px; }
.sIFR-hasFlash h3 {	visibility: hidden;	letter-spacing: -6px; font-size: 18px; }
.sIFR-hasFlash h4 {	visibility: hidden;	letter-spacing: -5px; font-size: 23px; }
.sIFR-hasFlash h5 {	visibility: hidden;	letter-spacing: -6px; font-size: 18px;	margin:2px 0 5px 0; }
.sIFR-hasFlash h6 {	visibility: hidden;	letter-spacing: -6px; font-size: 14px;	margin:2px 0 5px 0; }

/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/
                   /*Slimbox*/
/*/////////////////////////////////////////////////*/
/*/////////////////////////////////////////////////*/

#lbOverlay { position: absolute; left: 0; width: 100%;	background-color: #000; cursor: pointer; }
#lbCenter, #lbBottomContainer {	position: absolute;	left: 50%; overflow: hidden; background-color: #fff; }
.lbLoading { background: #fff url(../images/loading.gif) no-repeat center; }
#lbImage { border: 10px solid #fff; }

#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;}
#lbPrevLink:hover {	background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%; }

#lbNextLink { right: 0; background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }
#lbNextLink:hover {	background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%; }

#lbBottom {	font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; }
#lbCloseLink { display: block; float: right; width: 66px; height: 22px;	background: transparent url(../images/closelabel.gif) no-repeat center; margin: 5px 0; }

#lbCaption, #lbNumber {	margin-right: 71px; }
#lbCaption { font-weight: bold; }




/*******************************************************************************
NEW STYLES FOR 2010 SITE UPDATE
*******************************************************************************/
html, body {
    border: 0;
    margin: 0;
    padding: 0;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}
#container {
    width: 900px;
}
img {
    border: 0;
}
#innerContainer {
    width: 738px;
    margin: 0 117px;
}

#navPackage {
    background-color: #ededed;
    width: 900px;
    height: 114px;
}

#primaryNav { width: 900px; height: 44px; float: left; }

.navElement { float: left; }
.navElement a { text-indent: -9999px; overflow: hidden; display: block; height: 44px; }

div#accessibilityLink a { background: url(/images/nav/accessibility_equipment_off.png) left top; width: 121px; }
div#accessibilityLink a:hover, div#accessibilityLink a.on { background: url(/images/nav/accessibility_equipment_on.png); }
div#divingBoardLink a { background: url(/images/nav/diving_boards_off.png) left top; width: 95px; }
div#divingBoardLink a:hover, div#divingBoardLink a.on { background: url(/images/nav/diving_boards_on.png); }
div#poolGamesLink a { background: url(/images/nav/pool_games_off.png) left top; width: 87px; }
div#poolGamesLink a:hover, div#poolGamesLink a.on { background: url(/images/nav/pool_games_on.png); }
div#laddersLink a { background: url(/images/nav/ladders_rails_off.png) left top; width: 88px; }
div#laddersLink a:hover, div#laddersLink a.on { background: url(/images/nav/ladders_rails_on.png); }
div#lifeguardLink a { background: url(/images/nav/lifeguard_chairs_off.png) left top; width: 90px; }
div#lifeguardLink a:hover, div#lifeguardLink a.on { background: url(/images/nav/lifeguard_chairs_on.png); }
div#poolSecurityLink a { background: url(/images/nav/pool_security_off.png) left top; width: 103px; }
div#poolSecurityLink a:hover, div#poolSecurityLink a.on { background: url(/images/nav/pool_security_on.png); }
div#poolSlidesLink a { background: url(/images/nav/pool_slides_off.png) left top; width: 81px; }
div#poolSlidesLink a:hover, div#poolSlidesLink a.on { background: url(/images/nav/pool_slides_on.png); }
div#startingLink a { background: url(/images/nav/starting_platforms_off.png) left top; width: 125px; }
div#startingLink a:hover, div#startingLink a.on { background: url(/images/nav/starting_platforms_on.png); }
div#waterFeaturesLink a { background: url(/images/nav/water_features_off.png) left top; width: 110px; }
div#waterFeaturesLink a:hover, div#waterFeaturesLink a.on { background: url(/images/nav/water_features_on.png); }


div#util, div#util img {
    float: left;
    /*margin-right: 175px;*/
}
div#utilNavWrapper {
    margin-left: 120px;
    width: 474px;
    float: left;
}
ul#utilNav {
    list-style: none;
    color: #000000;
    float: left;
    width: 474px;
    margin-top: 25px;
}
ul#utilNav li, ul#footNav li {
    float: left;
}
ul#utilNav a, ul#footNav a {
    color: #000000;
}
div#newFooter {
    width: 750px;
    /*margin:  50px 30px;*/
    margin: 50px 0 0 110px; /* match left margin of #content */
    height: 20px;
}
div#newFooter:after {
    content: ".";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
}
div#footNavCopy, div#footNavWrapper {
    float: left;
    height: 15px;
    color: #b1b1b1;
}
ul#footNav {
    list-style: none;
    color: #000000;
    float: left;
    margin: 0;
    padding-left: 40px;
}
div#siteIssue a, div#siteIssue a:hover {
    color: #000;
}
div#siteIssue a:hover {
    text-decoration: underline;
}
div#siteIssue {
    clear: both;
    padding: 5px 0 0 44px;
}

/*******************************************************************************
Specific to homepage
*******************************************************************************/

#marqueePanel {
     width: 900px;
     height: 275px;
     clear: left;
}
#mainContent {
    width: 900px;
    min-height: 650px;
    background: url(/images/homepage/sidebar.png) 650px 0px no-repeat;
    position: relative;
}
div#hBorder {
    width: 900px;
    height: 21px;
    background: url(/images/homepage/under_marquee_shadow.png) left top no-repeat;
}
div#grid {
    float: left;
    width: 650px;
}
div.gridRow {
    float: left;
}
div.w180 { width: 180px; float: left; margin-left: 40px; }
div.w173 { width: 173px; float: left; margin-left: 40px; }
div.w171 { width: 171px; float: left; margin-left: 40px; }
div.gridImage {
    height: 125px;
}
div.gridText {
    padding: 0 5px 20px;
    font-size: 11px;
}

div#rightPanel {
   width: 230px;
   height: 600px;
   position: absolute;
   left: 670px;
   padding: 0px 0 0 0;
}
div#flashWrapper {
    margin:  0 0 0 0;
    position: relative;
    right: 1px;
    height: 210px;
    width: 228px;
}
div#socialLinks {
    margin: 10px 0 0 0;
}
div#socialLinks a img {
    margin: 0 0 5px 20px;
    height: 30px;
}
img#international {
    position: relative;
    left: -2px;
}
div#news, div#news img, div#news div, div#news a {
    float: left;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
}
div#news {
    margin: 8px 0 0 10px;
    height: 66px;
}
div#news div {
    width: 117px;
}
div#news a.blueNews {
    color: #123c4c;
}
a.mb5 {
    margin: 3px 0 5px 0;
}
div#forProfessionals {
    height: 118px;
    clear: left;
    position: relative;
    padding-top: 10px;
}
div#forProfessionals div {
    margin: 0 0 0 40px;
    font-size: 14px;
    font-weight: bold;
}
.ltBlue {
    color: #0076a3;
}
ul#professionalList {
    float: left;
    width: 180px;
    list-style: none;
    font-size: 12px;
    margin: 2px 0 0 0;
    padding: 0 0 0 40px;
}
ul#professionalList li {
    float: left;
    width: 90px;
    margin: 2px 0 0 0;
}
ul#professionalList a {
    text-decoration: none;
    color: #123c4c;
}
div#closeouts {
    font-size: 10px;
    color: #777777;
    width: 190px;
    margin: 15px 0 0 20px;
}
div#closeouts img {
    margin: 0 0 0 2px;
}

/*** FOR DEALERS SECTION FOOTER UPDATE **/
#dealerFooter {
    width: 900px;
    margin: 0 auto;
}
#dealerFooterWrapper {
    width: 100%;
}

#staticFootWrapper {
    width: 900px;
    margin: 0 auto;
}