@import "base.css";

body { background: #cae2fe url('images/a_tiled_pool11.jpg'); background-repeat: repeat-x; background-attachment: fixed; background-position: 0% 0%;}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #333; }
h1 { margin-bottom: 5px; font-size: 28px; line-height: 35px; }
h2 { margin-bottom: 5px; font-size: 28px; line-height: 35px; }
h3 { margin-bottom: 5px; font-size: 24px; line-height: 30px; }
h4 { margin-bottom: 5px; font-size: 20px; line-height: 30px; }
h5 { margin-bottom: 5px; font-size: 18px; line-height: 25px; }
h6 { margin-bottom: 5px; font-size: 18px; line-height: 25px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333; }
p,ul,ol,dl { font-size: 15px; line-height: 22px; color: #333; }
dl dt { font-size: 15px; }
dl dd { margin-bottom: 10px; padding: 0; font-size: 13px; line-height: 18px;}
strong { font-weight: bold; }
a { color: #005885; }
code { font-size: 13px; }
pre code { display: block; padding: 10px; background: #eee; font-size: 12px; color: #333; -webkit-border-radius: 4px; border-radius: 4px; }
.date { font-size: 13px; line-height: 15px; color: #999; }

table { font-size: 13px; line-height: 17px; color: #333; }
tr { border-bottom: 1px solid #ddd; }
th { padding: 5px 10px; font-weight: bold; border: none; }
td { padding: 5px 10px; font-weight: normal; border: none; border-left: 1px solid #eee; }

fieldset tr { border: none; }

/* Page */
#page { float: none; clear: both; width: 90%; margin: auto auto; background-color: #ffffff; opacity: 1; }

/* Header */
#header { width: 90%; opacity: .75; background-color: #ff5af2; padding: .35em; margin: 0 auto; }
#headers { width: 90%; padding-bottom: 5.4em; margin: 0 auto; background-image: url('images/TBLP_NameLogo6.png'); background-repeat: no-repeat; }
#headers img { display: block; }        

/* Main Menu */
#mainmenu { clear: both; position: relative; margin: 0 auto; width: 90%; background-color: #24388d; padding: .25em; }

#mainmenu ul { display: block; font-size: 1.1em; font-weight: bold; font-family: 'Times New Roman'; vertical-align: top;}
#mainmenu ul li { display: block; float: left; width: 12%; min-width: 7em; text-align: center; vertical-align: top; }
#mainmenu ul a { background: url('images/nav_bg.gi') bottom repeat-x; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #222; display: block; padding: .3em .1em; text-align: center; text-shadow .5s; }
#mainmenu ul a:hover { color: #ffee5f; text-shadow: 1px 1px 1px #777; background: #24388d; }

body.home_page #mainmenu .home a { color: #000; background: #cae2fe; }
body.pools_page #mainmenu .pools a { color: #000; background: #cae2fe; }
body.spas_page #mainmenu .spas a { color: #000; background: #cae2fe; }
body.supplies_page #mainmenu .supplies a { color: #000; background: #cae2fe; }
body.equipment_page #mainmenu .equipment a { color: #000; background: #cae2fe; }
body.accessories_page #mainmenu .accessories a { color: #000; background: #cae2fe; }
body.services_page #mainmenu .services a { color: #000; background: #cae2fe; }


/* Body */
#body:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#homedecoration a:link { text-decoration: none; }
#homedecoration .section a:visited { text-decoration: none; }

/* Main text */
#maintext { clear: both; float: none; margin: 1% 1%; padding: 1%; }
#maintext a:link { color: #3e3e3e; text-decoration: underline; font-weight: bold; }
#maintext a:visited { color: #6c6c6c; border-bottom: none; text-decoration: underline; font-weight: bold; }
#maintext a:hover { text-decoration: none; border-bottom: none; color: #3f3f3f; }
#maintext ul, #maintext ol { list-style: outside circle; width: 100% }
#maintext ul li ul { margin: .416em 0 .416em 3.33em; font-size: .9em; line-height: 1.666em; width: 50%; }
#maintext img { float: none; margin-right: 3em; max-width: 100%; }
#maintext h2 img { float: none; margin-right: 0; max-width: 33%; }

/* Section */
.section { width: 39%; margin: 1.5%; padding: 30px 30px; float: left; border-style: solid; border-width: thin; border-color: #bfbfbf;
    background-repeat: no-repeat; background-position: center; background-color: #ffffed; 
	text-shadow: 1px 1px 1px #ddd; min-height: 8em; 	
	border-radius: .3em;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	box-shadow: 2px 2px 2px #bbb;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 2px 2px 2px #bbb;
	-webkit-transition: background .5s; }
.section:hover { background-color: #cae2fe; }
.section h2 {font-family: 'Times New Roman'; }

/* Footer */
#footer { font-size: .9em; clear: both; margin: 2em 2em; text-align: center; padding-top: .5em; padding-bottom: .25em;}
#footer p { line-height: 15px; }
#footer p a { text-decoration: underline; color: #999; }
#footer p a:hover { color: #0058g; }
#footer img { float: none; margin: 1em; max-width: 100%; }

/* Content Title */
.content_title { float: left; padding-left: 160px; padding-bottom: 10px; margin: 0 50px; width: 450px; }
.content_title h2 { color: #555; }

#specials { text-align: center; text-decoration: none; padding-top: .25em; margin: .25%; background-color: #ff7afc;}
#specials h2 { color: #000; }

#custom_section { background-image: url('images/custom_pool_bkgrnd.jpg'); }

#spas_section { background-image: url('images/spas_bkgrnd.jpg'); }

#aboveground_section { background-image: url('images/above_ground_bkgrnd.jpg'); }

#supplies_section { background-image: url('images/supplies_bkgrnd.jpg'); }

#accessories_section { background-image: url('images/accessories_bkgrnd.jpg'); }

#poolwear_section { background-image: url('images/crocs_bkgrnd.jpg'); }

#service_section { background-image: url('images/apsp_logo_lg.jpg'); }
   	
#aboveground #doughboypools h3 { background-image: url('images/dougboy_logo.gif'); background-repeat: no-repeat; background-position: left center; padding:40px 40px; }

#aboveground #splashpools h3{ background-image: url('images/splash_sp_logo.jpg'); background-repeat: no-repeat; background-position: left center; padding:40px 40px; }

#service #serviceheading h3{ background-image: url('images/apsp_logo.jpg'); background-repeat: no-repeat; background-position: left center; padding:40px 40px; }

#spas h2{ background-image: url('images/maax_logo2_120.png'); background-repeat: no-repeat; background-position: left center; }