html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, ol,
b, u, i, center, div, p, dl, dt, dd, ul, li,
form, label, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

input,select{
	margin: 0;
	padding: 0;
}

body {
	line-height: 1;
}
 ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*   *****CORE STRUCTURE*****   */


body{
 margin:0;
 padding:0;
 font:normal 14px Arial, Helvetica, sans-serif;
 background:#013879 url(../images/BG_PoolDesignEstimator2.jpg) repeat-x ;
 color:#fff;
}


#maincontainer{
 width: 890px; /*Width of main container*/
 margin: 0 auto; /*Center container on page*/
 background:#004181 url(../images/BG_PoolDesignEstimator.jpg) repeat-x ;
}


#footer{
 clear: both;
 width: 100%;
 margin-bottom:5px;
}


.innertube{
 margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
 margin-top: 0;
}

div.breakit{
 clear:both;
 margin-top:45px;
}

div.section{
 clear:both;
 width:100%;
 padding-bottom:15px;
 border-bottom:solid 1px #5b7b9d;
 overflow:auto;
}

div.heatersection{
 float:left;
 width:400px;
}

div.heatersection p{
 font:normal 11px Arial, Helvetica, sans-serif;
}

div.heatersection img{
 margin:0 25px 5px 0;
 float:left;
 border:solid 2px #fff;
}

div.cleanersection{
 float:left;
 width:280px;
}

div.cleanersection p{
 font:normal 11px Arial, Helvetica, sans-serif;
}

div.cleanersection img{
 margin:0 25px 5px 0;
 border:solid 2px #84b7e9;
}


div.decks{
 margin:0;
 display:inline;
 overflow:hidden;
 width:500px;
 float:right;
 margin-right:25px;
 font:normal 11px Arial, Helvetica, sans-serif;
}

div.decks img{
 border:solid 2px #fff;
 margin-right:25px;
}

.contractor{
 border:solid 2px #fff;
 margin-top:7px;
}

.addoptions{
 float:right;
 text-align:right;
 width:325px;
}

.addoptions p{
 font:normal 11px Arial, Helvetica, sans-serif;
}

.addoptions a,.addoptions a:hover,.addoptions a:active,.addoptions a:visited{
 color:#fff;
 font-weight: bold;
 text-decoration:underline;
}

a.quotelink, a.quotelink:hover, a.quotelink:active, a.quotelink:visited{
 color:#ffb43d;
 font-weight: bold;
 text-decoration:underline;
}


.optioninfo{
 font:normal 11px Arial, Helvetica, sans-serif;
 margin-top:40px;
}

.optioninfo a,.optioninfo a:hover,.optioninfo a:active,.optioninfo a:visited{
 color:#fff;
 font-weight: bold;
 text-decoration:underline;
}

/*   *****HEADER RELATED*****   */
#topsection{
 height: 208px; /*Height of top section*/
 background:url(../images/header.jpg) no-repeat;
}

#topsection div{
 float:right;
 margin-right:8px;
 text-align:right;
 overflow:hidden;
}

#topsection a,#topsection img{
 margin:0;
 padding:0;
}

#topsection2{
 height: 208px; /*Height of top section*/
 background:url(../images/header.jpg) no-repeat;
}

#topsection2 div{
 float:right;
 margin-right:8px;
 text-align:right;
 overflow:hidden;
}

#topsection2 a,#topsection2 img{
 margin:0;
 padding:0;
}

#topsection2 p{
 margin-top:0;
}

p.phone{
 font:bold 22px Arial, Helvetica, sans-serif;
 color: #006bd5;
 margin:10px 0 0 0;
 overflow:hidden;
}


.address{
 font:bold 14px Arial, Helvetica, sans-serif;
 color: #1564b3;
 margin:2px 0 0 0;
}

.tagline1{
 font:bold 12px Arial, Helvetica, sans-serif;
 color: #014282;
 margin:18px 0 0 0;
}

.tagline2{
 font:bold 12px Arial, Helvetica, sans-serif;
 color: #014282;
 margin:2px 0 0 0;
}


/*   *****MATERIAL SELECTION RELATED*****   */

#materialSelection{
 margin:0 0 45px 40px;
 display:block;
 overflow:hidden;
 width:890px;
}

#materialSelection h2{
 display:block;
 overflow:hidden;
 float:left;
 margin:10px 20px 0 0;
 width:394px;
 height:402px;
}

#materialSelection h2 a{
 display:block;
 overflow:hidden;
 width:394px;
 height:402px;
 text-indent:-9999px;
}

#concretematlink{background:url(../images/concreteBKGRD.jpg) no-repeat;}

#vinylmatlink{background:url(../images/vinylBKGRD.jpg) no-repeat;}


/*   *****PAGE ELEMENTS RELATED*****   */
#breadcrumbs{
 overflow:auto;
 list-style-type:none;
 width:100%;
 margin:5px 0;
 padding:0;
}

#breadcrumbs li{
 display:inline-block;
 float:left;
 margin:0 3px 0 0;
 font-size:12px;
 color:#09F;
}

#breadcrumbs li a:link, #breadcrumbs li a:visited{
 color:#09F;
 text-decoration:none;
}

#breadcrumbs li a:hover, #breadcrumbs li a:active{
 text-decoration:underline;
}



#contentcolumn{
 margin:0 20px 15px 20px;
 position:relative;
 
}


p{
 font-size:14px;
 font-weight:normal;
 line-height:150%;
 margin-bottom:10px;
}

p.header{
 font-size:18px;
 font-weight:bold;
 color:#97d5ff;
 text-align:center;
 font-family:"Times New Roman",serif;
}


h1.homecities{
 margin:0 0 10px 0;
 color:#fff;
 font:bold 22px Arial, Helvetica, sans-serif;
 text-align:center;
}

h2.homecities{
 background-color:#97d5ff;
 font:bold 16px Arial, Helvetica, sans-serif;
 color:#02254d;
 text-align:center;
 padding:4px;
 margin:0 0 15px 0;
}

p.homecities{
 font:normal 11px Arial, Helvetica, sans-serif;
 color:#97d5ff;
 text-align:center;
 margin:0;
 padding:0;
 background-color:#013879;
}

h2.homecloser{
 margin:0 0 10px 0;
 color:#fff;
 font:bold 18px Arial, Helvetica, sans-serif;
 text-align:center;
}

span.mybullet{
 font:bold 18px Arial, Helvetica, sans-serif;
 color:#0d62b3;
 padding:0 6px;
}

p.homecontent{
 text-align:center;
}

p.labels{
 font:bold 12px Arial, Helvetica, sans-serif;
 color:#fff;
 margin-bottom:20px;
}

p.labels2{
 font:bold 12px Arial, Helvetica, sans-serif;
 color:#fff;
 margin:5px 0 20px 0;
}


#divingboardwarning{
 display:none;
 font:bold 10px Arial, Helvetica, sans-serif;
 color:#ffa800;
}

span.super{
 vertical-align:top;
 font:normal 10px Arial, Helvetica, sans-serif;
}

h1{
 margin:20px 0 0 0;
}

h2{
 margin:0;
}

h3{
 font:bold 18px Arial, Helvetica, sans-serif;
 color: #a3d1ff;
 margin:15px 0;
}

h4{
 margin:0;
 font:bold 18px Arial, Helvetica, sans-serif;
 text-align:center;
 color:#fff;
}



select{
 width:150px;
}


/*   *****FORM RELATED*****   */
form{
}

form #multiRadio{
 font:bold 12px Arial, Helvetica, sans-serif;
 width:860px;
 overflow:auto;
 margin:0 0 40px 0;
}

div.freeform, div.geometric{
 float:left;
 width:135px;
 height:145px;
 overflow:hidden;
 text-align:center;
}

form #multiRadio label{
 width:16%;
 min-height:110px;
 margin:0 0 5px 0;
 font-size:12px;
}

form #multiRadio label span{
 font-size:12px;
 font-weight:bold;
}

form #multiRadio label img{
 margin:0 0 0 6px;
 border:solid 1px #09F;
}

form #multiRadio div.freeform, form #multiRadio div.geometric, form #multiRadio div.UNKNOWN{
 display:none;
}

p.shapeheader{
 visibility:hidden;
}

form a:link, form a:visited{
 text-decoration:none;
}

form a:hover, form a:active{
 text-decoration:none;
}

div.prevdiv{
 z-index:10;
 visibility:hidden;
 position:absolute;
 border:solid 1px #0157ab;
 background: url(../images/BG_PoolDesignEstimator.jpg) bottom repeat-x;
}

.small{
 font-size:10px;
 color:#69F;
 margin:0 0 0 10px;
}

#info{
 font-size:12px;
 font-weight:normal;
 color:#fff;
 overflow:auto;
}



/*   *****FOOTER RELATED*****   */
#footer{
 margin-bottom:25px;
}

#footer p{
 background:#0f559b;
 border-top:solid 4px #013879;
 margin:0;
 font-size:10px;
 font-weight:bold;
 text-align:center;
}

.formlineitems{
 width: 540px;
 font: bold 11px Verdana,Arial,san-serif;
 color:#fff;
 overflow:hidden;
 float:left;
}


#btnsubmit{
}

#recaplink{
 display:inline;
 margin-left:5px;
}



#recaplink a,#recaplink a:hover,#recaplink a:active,#recaplink a:visited{
 color:#fff;
 font: bold 10px Verdana,Arial,san-serif;
 text-decoration:none;
}

#recaptcha_widget{
 margin-bottom:15px;
}

.proposal,.proposal:hover,.proposal:active,.proposal:visited{
 color:#fff;
 font: normal 12px Verdana,Arial,san-serif;
}

.propcolumn1
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 150px;
 vertical-align: top; /* For IE */
 margin-right:15px;
}

.propcolumn1 img{
 border:solid 2px #fff;
 margin-bottom:8px;
}

.propcolumn2
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 605px;
 vertical-align: top; /* For IE */
}

.spancolumn1
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 200px;
 vertical-align: top; /* For IE */
}

.spancolumn2
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 850px;
 vertical-align: top; /* For IE */
}

.spancolumn2 img{
 border:solid 2px #fff;
 margin-right:25px;
}

.spancolumn3
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 150px;
 vertical-align: top; /* For IE */
}

.spancolumn4
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 205px;
 vertical-align: top; /* For IE */
}

.spancolumn5
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 160px;
 vertical-align: top; /* For IE */
}

.usercolumn1
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 240px;
 vertical-align: top; /* For IE */
 margin:0 10px 20px 0;
}

.usercolumn2
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 120px;
 vertical-align: top; /* For IE */
 margin:0 10px 20px 0;
}

.usercolumn3
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 250px;
 vertical-align: top; /* For IE */
 font-weight:bold;
 margin:0 10px 20px 0;
}

.usercolumn4
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 175px;
 vertical-align: top; /* For IE */
 font-weight:bold;
 margin:0 10px 20px 0;
}

.usercolumn5
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 55px;
 vertical-align: top; /* For IE */
 font-weight:bold;
 margin:0 10px 20px 0;
}

.usercolumn6
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 500px;
 vertical-align: top; /* For IE */
 margin:0 10px 20px 0;
}

.usercolumn7
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 175px;
 vertical-align: top; /* For IE */
 font-weight:bold;
 margin:0 10px 20px 0;
}

.usercolumn8
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 655px;
 vertical-align: top; /* For IE */
 margin-right:5px;
 font-weight:bold;
font: bold 11px Verdana,Arial,san-serif;
 color:#fff;
 margin-bottom:20px;
	}

.usercolumn9
{
 display: table-cell; /* For FireFox and Opera */
 display: inline-block; /* For Opera and IE */
 width: 420px;
 vertical-align: top; /* For IE */
 margin:0 10px 20px 0;
}

.rightcol{
 float:right;
 width:310px;
 overflow:auto;
 padding-top:15px;
}

.rightcol img{
 margin:0 0 5px 0;
 border:solid 2px #fff;

}

.closer{
 font: bold 18px Arial,Verdana,san-serif;
 color:#a3d1ff;
 text-align:center;
 border-top:solid 1px #0157ab;
 margin-top:10px;
 padding-top:20px;
}

.closer2{
 font: bold 14px Arial,Verdana,san-serif;
 color:#fff;
}

.proposaldiv{
 color:#fff;
 font: normal 12px Verdana,Arial,san-serif;
 margin-bottom:15px;
}


.proposalul{
  list-style: square outside none;
  margin-bottom:15px;
  margin-left:25px;
}

.proposalul li{
  margin-left:18px;
  margin-bottom:7px;
  clear:both;
}

.proposalul img{
  margin-right:18px;
  margin-bottom:18px;
}

.proposalul ul{
  list-style: circle outside none;
  margin-top:10px;
}

.proposalul ul li{
  margin-left:18px;
  clear:none;
}

.proposalul2{
  list-style: square outside none;
  margin-bottom:15px;
  margin-left:25px;
}

.proposalul2 li{
  margin-left:18px;
  margin-bottom:7px;
}

.proposalul2 img{
  margin-right:18px;
  margin-bottom:18px;
}

.breakit{
 page-break-before: always
}

.mainheader{
 text-align:center;
 font: normal 32px "Times New Roman", times, serif;
}

#mainheaderlogo{
 text-align:center;
 display:none;
}

.subheader{
 font: normal 22px "Times New Roman", times, serif;
 margin-top:25px;
}

hr{
 page-break-before: always;
 margin-bottom:30px;
}

.centerit{
 text-align:center;
}

.numberer{
 color: #bddced;
 font-weight:bold;
}

.disclaimer{
font: normal 12px Verdana,Arial,san-serif;
 }

.propscreenimg{
 display:inline;
}

.propprintimg{
 display:none;
}

.biglogo{
 display:none;
}

input.radios{
 margin-top:5px;
}


.subheader a,.subheader a:hover,.subheader a:visited,.subheader a:active{
 color:#bcddff;
 font: normal 12px Verdana,Arial,san-serif;
 margin-left:10px;
}


#financingavailable{
 padding-top:5px;
}

a, a:visited{
 color:#006bd5;
 font: bold 14px Arial,Verdana,san-serif;
}

a:hover, a:active{
 color:#343673;
 font: bold 14px Arial,Verdana,san-serif;
}

#imagedisclaimer{
 color:#8e8e8e;
 font: normal 10px Arial,Verdana,san-serif;
 margin:25px 0 10px 0;
 text-align:center;
 
}