body {background-color:#131489; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px}

html, body, #wrapper {height:100%; margin: 0; padding: 0; border: none; text-align: center;}

#wrapper { margin: 0 auto; text-align: left; vertical-align: middle; width: 100%;}
#flash {vertical-align:absmiddle}
#SubNav {margin-left:2px; margin-right:2px;}
#Layer1 {position:absolute;	left:120px;	top:84px; width:120px; height:84px; z-index:1;}
#Dealers {width:127px; height:100%; z-index:1; padding:10px; border:1px solid #CC0000; background-color:#333333}
#Dealers-Orange {border:1px solid #000000}


A {color: #EEB400}
A:hover {color: #C3251C}
A.dark {color: #FF6600}
A.dark:hover {color: #C3251C}
A.dark:visited {color: #FF6600}
A.dark:visited:hover {color: #C3251C}

A.red {color: #C3251C}
A.red:hover {color: #0127AD}
A.red:visited {color: #C3251C}
A.red:visited:hover {color: #0127AD}


A.nav {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
A.nav:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
A.nav:visited {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
A.nav:visited:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none}

A.navblink {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: blink; font-weight: bold}
A.navblink:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: blink; font-weight: bold}
A.navblink:visited {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: blink; font-weight: bold}
A.navblink:visited:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: blink}

.navR {color:#CC0000; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
.navR:hover {color:#EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
.navR:visited {color:#CC0000; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; font-weight: bold}
.navR:visited:hover {color:#EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none}

A.subnav {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: none;}
A.subnav:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none;}
A.subnav:visited {color: #ffffff; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; }
A.subnav:visited:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; }

.subnavR {color:#CC0000; font-family: Verdana, Arial; font-size: 10px; text-decoration: none;}
.subnavR:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; text-decoration: none;}
.subnavR:visited {color:#CC0000; font-family: Verdana, Arial; font-size: 10px; text-decoration: none; }
.subnavR:visited:hover {color: #EEB400; font-family: Verdana, Arial; font-size: 10px; }

H1 {color: #EEB400; font-family: Times New Roman; font-size: 24px; font-weight: bold}
H2 {color: #EEB400; font-family: Verdana, Arial; font-size: 15px; font-weight: bold}

P {color: #ffffff; font-family: Verdana, Arial; font-size: 11px;}

.whitesmhead {color: #ffffff; font-family: Verdana, Arial; font-size: 11px; font-weight: bold}
.small {color: #ffffff; font-family: Verdana, Arial; font-size: 9px; }
.large {color: #ffffff; font-family: Verdana, Arial; font-size: 13px;}
.blktxt {color: #000000; font-family: Verdana, Arial; font-size: 11px;}
.blksmhead {color: #000000; font-family: Verdana, Arial; font-size: 11px; font-weight: bold}
.footer_yellow {color: #EEB400; font-family: Verdana, Arial; font-size: 15px; font-weight: bold}
.copyright {color: #ffffff; font-family: Verdana, Arial; font-size: 9px;}
.copyright-color-page {color: #ffffff; font-family: Verdana, Arial; font-size:8px;}
.home {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: x-small; color: #FFFFFF;}
.titles {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #EEB400;}
.titles2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FF6600;}
.image {border:1px; border-color:#FFCC33; margin-left:5px; margin-top:7px; margin-bottom:5px;}
.image-left {border:1px; border-color:#FFCC33; margin-right:5px; margin-top:7px; margin-bottom:5px;}
.image_yard_pools {border:1px; border-color:#FFCC33; margin-left:2px; margin-top:2px; margin-bottom:2px;}
.img_yard_pools2 {background-image:url('/images/Top-Banner-Left-Corner.jpg'); background-repeat:no-repeat; background-position:top left}
.img_yard_pools1 {position:relative; text-align:center;}
.image_yard_pools_text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EEB400; z-index:2; text-align:left;}

.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.redtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #C3251C;}
.orangetext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FF6600;}
.yellowtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #EEB400;}
.whitetext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
.e-h-yellowtext {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #EEB400; text-decoration:underline}

.micro-text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #FFFFFF; padding-left:5px; padding-right:5px}
.micro-image {margin-left:-3px}


a.screen, a.screen:visited {
color:#FFCC33; 
position:relative; 
z-index:50;
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:7px;
margin-right:5px;
margin-bottom:5px;
padding-top:8px;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:450px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:15px;
left:78px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:50;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:593px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:50; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}


a.screenR, a.screenR:visited {
color:#FFCC33; 
position:relative; 
z-index:50;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:10px;
padding-top:10px;
}

a.screenR b {
position:absolute;
visibility:hidden; /* hide the image */
width:538px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:10px;
left:-1px;
}
a.screenR:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:50;
}
a.screenR:hover b {
visibility:visible; /* make the image visible */
height:359px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:50; 
}
a.screenR:hover b img {
border:0; /* remove the link border */
}



a.screenL, a.screenL:visited {
color:#FFCC33; 
position:relative; 
z-index:50;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:15px;
padding-top:10px;
}

a.screenL b {
position:absolute;
visibility:hidden; /* hide the image */
width:538px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:0px;
left:-306px;
}
a.screenL:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:50;
}
a.screenL:hover b {
visibility:visible; /* make the image visible */
height:359px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:50; 
}
a.screenL:hover b img {
border:0; /* remove the link border */
}



a.screenRplants, a.screenRplants:visited {
color:#FFCC33; 
position:relative; 
z-index:50;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:10px;
padding-top:10px;
}

a.screenRplants b {
position:absolute;
visibility:hidden; /* hide the image */
width:450px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:9px;
left:75px;
}
a.screenRplants:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:50;
}
a.screenRplants:hover b {
visibility:visible; /* make the image visible */
height:593px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:50; 
}
a.screenRplants:hover b img {
border:0; /* remove the link border */
}



a.screenLPools, a.screenL:visited {
color:#FFCC33; 
position:relative; 
z-index:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:8px;
padding-top:8px;
}
a.screenLPools b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:-96px;
left:-127px;
}
a.screenLPools:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:0;
}
a.screenLPools:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:0; 
}
a.screenLPools:hover b img {
border:0; /* remove the link border */
}

a.screenPools, a.screen:visited {
color:#FFCC33; 
position:relative; 
z-index:3;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:8px;
padding-top:8px;
}

a.screenPools b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:-96px;
left:-72px;
}
a.screenPools:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:3;
}
a.screenPools:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:3; 
}
a.screenPools:hover b img {
border:0; /* remove the link border */
}


a.screenRPools, a.screenR:visited {
color:#FFCC33; 
position:relative; 
z-index:2;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:8px;
padding-top:8px;
}

a.screenRPools b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:-96px;
left:-25px;
}
a.screenRPools:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:2;
}
a.screenRPools:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:2; 
}
a.screenRPools:hover b img {
border:0; /* remove the link border */
}


a.LongestLapPool, a.screenL:visited {
color:#FFCC33; 
position:relative; 
z-index:0;
font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; 
font-weight:bold; 
color: #053859;
text-decoration:none;
margin-top:8px;
padding-top:8px;
}
a.LongestLapPool b {
position:absolute;
visibility:hidden; /* hide the image */
width:514px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #FFCC33; /* add a border */
left:0; /* position:the image */
top:-10px;
left:-405px;
}
a.LongestLapPool:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:0;
}
a.LongestLapPool:hover b {
visibility:visible; /* make the image visible */
height:286px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:0; 
}
a.LongestLapPool:hover b img {
border:0; /* remove the link border */
}