/* GENERATION STYLE SHEET */

/* for POOL AND SPA SOLUTIONS */


* {
margin:0;
padding:0;
outline:none;
} 

#banner {
	position:relative;
}

h1, h2, h3, h4, h5, h6 { 
font-size:100%;
} 

.clear {
clear:both;
} 

/* Homepage attributes */
body{font:80%/130% Helvetica,Arial,sans-serif;}
.mainframe{  }
.welcomemsg{font-family:Arial,sans-serif;font-size:11px;color:#366D8C;text-transform:uppercase;font-weight:bold;}
.date{font-family:Arial,sans-serif;font-size:11px;color:#044E76;}
.pagename{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;font-weight:bold;}
.submenu{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;}
a.submenu:link{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:400;}
a.submenu:visited{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:400;}
a.submenu:active{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;text-decoration:none;font-weight:400;}
a.submenu:hover{font-family:Arial,sans-serif;font-size:11px;color:#FFFFFF;text-decoration:underline;font-weight:400;}

.sp{font-family:Arial,sans-serif;font-size:11px;color:#DCEEF7;} /* bread crumbs */
a.sp:link{color:#DCEEF7;text-decoration:none;font-weight:normal;}
a.sp:visited{color:#DCEEF7;text-decoration:none;font-weight:normal;}
a.sp:active{color:#DCEEF7;text-decoration:none;font-weight:normal;}
a.sp:hover{color: #FFFFFF;text-decoration:underline;font-weight:normal;}
.spg{font-family:Arial,sans-serif;font-size:12px;color:#FFFFFF;} /* bread crumbs divider */

/* Splash */ 
.splash{font-family:Arial,sans-serif;font-size:16px;}
a.splash:link{color:#FF615A;text-decoration:none;}
a.splash:visited{color:#FF615A;text-decoration:none;}
a.splash:active{color:#FF615A;text-decoration:none;}
a.splash:hover{color: #C6312A;text-decoration:underline;}

/* Fonts */  
@font-face {font-family:AAAAA,sans-serif;font-style:normal;font-weight:normal;src:url(\Design\Fonts\HELVETI0.eot);}

/* Log in box and forms */
.pleaselog{font-family:Arial,sans-serif;font-size:13px;color:#030051;text-transform:uppercase;font-weight:bold;}
.fieldname{font-family:Arial,sans-serif;font-size:13px;color:#030051;}
a.fieldnamelink:link{font-family:Arial,sans-serif;font-size:13px;color:#030051;}
a.fieldnamelink:visited{font-family:Arial,sans-serif;font-size:13px;color:#030051;}
a.fieldnamelink:active{font-family:Arial,sans-serif;font-size:13px;color:#030051;}
a.fieldnamelink:hover{font-family:Arial,sans-serif;font-size:13px;color:#030051;}
.autosign{font-family:Arial,sans-serif;font-size:11px;color:#030051;}
.button{font-family:Arial,sans-serif;font-size:12px;background-color:#DEDEDE;width:90px;height:20px;color:#000000;
border-left:1px solid #10334E;border-top:1px solid #10334E;border-right:2px solid #59755C;border-bottom:2px solid #10334E;} /* button */
.ntb{font-family:Arial,sans-serif;font-size:12px;background-color:#FFFFFF;width:130px;height:20px;color:#000000;
border-left:1px solid #10334E;border-top:1px solid #10334E;border-right:1px solid #10334E;border-bottom:1px solid #10334E;} /* text box */
.errortext{font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#000000;} /* red error text */

/* Normal text */
.n{font-family:Arial,sans-serif;font-size:12px;color:#252724;}
.n2{font-family:Arial,sans-serif;font-size:13px;color:#252724;}
.n3{font-family:Arial,sans-serif;font-size:14px;color:#252724;}
.n4{font-family:Arial,sans-serif;font-size:15px;color:#252724;}
.nb{font-family:Arial,sans-serif;font-size:12px;color:#252724;font-weight:bold;} /* normal bold */
.ni{font-family:Arial,sans-serif;font-size:12px;color:#252724;font-style:italic;} /* normal italic */
.nr{font-family:Arial,sans-serif;font-size:12px;color:#FF0000;} /* normal red */
.nblk{font-family:Arial,sans-serif;font-size:12px;color:#000000;} /* normal black */
.nblkb{font-family:Arial,sans-serif;font-size:12px;color:#000000;font-weight:bold;} /* normal black bold */

/* Hyperlinks */
a:link{font-weight:bold;color:#27A1EE;}
a:active{font-weight:bold;color:#27A1EE;}
a:visited{font-weight:bold;color:#27A1EE;}
a:hover{font-weight:bold;color:#366D8C;}

/* Headers and sub-headers */
.head{font-family:Arial,sans-serif;font-size:13px;color:#366D8C;text-transform:uppercase;font-weight:bold;} /* also title container */
.head2{font-family:Arial,sans-serif;font-size:15px;color:#27A1EE;text-transform:uppercase;font-weight:bold;}
.head3{font-family:Arial,sans-serif;font-size:15px;color:#FFB400;font-weight:bold;text-transform:uppercase;}
.head4{font-family:Arial,sans-serif;font-size:15px;color:#17C82C;font-weight:bold;text-transform:uppercase;}
.head5{font-family:Arial,sans-serif;font-size:15px;color:#D20000;font-weight:bold;text-transform:uppercase;}
.head6{font-family:Arial,sans-serif;font-size:15px;color:#366D8C;font-weight:bold;}

.subhead{font-family:Arial,sans-serif;font-size:13px;color:#FFB400;font-weight:bold;}
.subhead2{font-family:Arial,sans-serif;font-size:13px;color:#D20000;font-weight:bold;}
.subhead3{font-family:Arial,sans-serif;font-size:13px;color:#17C82C;font-weight:bold;}
.subhead4{font-family:Arial,sans-serif;font-size:13px;color:#27A1EE;font-weight:bold;}

/* Footer */
.footer{font-family:Arial,sans-serif;font-size:12px;color:#999FAD;}
a.footerlink:link{font-family:Arial,sans-serif;font-size:12px;color:#999FAD;font-weight:normal;text-decoration:none;}
a.footerlink:visited{font-family:Arial,sans-serif;font-size:12px;color:#999FAD;font-weight:normal;text-decoration:none;}
a.footerlink:active{font-family:Arial,sans-serif;font-size:12px;color:#999FAD;font-weight:normal;text-decoration:none;}
a.footerlink:hover{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;font-weight:normal;text-decoration:underline;}

/* Containers */
.con  {font-family:Arial,sans-serif;font-size:16px;color:#366D8C;text-transform:uppercase;font-weight:bold;}
.con2 {font-family:Arial,sans-serif;font-size:11px;color:#27A1EE;text-transform:uppercase;}
.con3 {font-family:Arial,sans-serif;font-size:10px;color:#ffffff;text-transform:uppercase;letter-spacing:2px;word-spacing:5px;}
.con4 {font-family:Arial,sans-serif;font-size:14px;color:#366D8C;text-transform:uppercase;font-weight:bold;}
.con5 {font-family:Arial,sans-serif;font-size:15px;color:#FFB400;font-weight:bold;text-transform:uppercase;}

/* Table */
.tbl{font-family:Arial,sans-serif;border:solid 1px #252724;font-size:14px;color:#000000;} /* frame */
.tblhdr{color:#001B33;font-family:Arial,sans-serif;font-weight:bold;font-size:11px;height:20px;background-color:#59A4D2;} /* header */
.tblftr{color:#001B33;font-family:Arial,sans-serif;font-weight:bold;font-size:11px;height:20px;background-color:#59A4D2;} /* footer */
.tblitm{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#C8C8C8;} /* row */
.tblalt{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#B2B3B3;} /* alternate row */
.tbledit{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#C2C1C1;} /* edit row */
.tblsel{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#CEC5C5;} /* row selected */
.tblcel{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#CEC5C5;} /* cell */
.tblaltc{font-family:Arial,sans-serif;font-size:12px;color:#000000;background-color:#CEC5C5;} /* alternate cell */
.tblpag{font-family:Arial,sans-serif;font-size:12px;color:#000000;font-weight:bold;height:20px;background-color:#B4ACAC;} /* table pager */

/* HTML Styles */
UL LI{list-style-type:square;color:#366C8D;}
UL LI LI{list-style-type:disc;color:#366C8D;}
UL LI LI LI{list-style-type:circle;color:#366C8D;}
OL LI{list-style-type:decimal;color:#366C8D;}
OL OL LI{list-style-type:lower-alpha;color:#366C8D;}
OL OL OL LI{list-style-type:lower-roman;color:#366C8D;}
HR{color:#366C8D;height:1pt;} /* horizontal rule */

/* Image Sizes for MyProfile, e-comm etc */
.image1{width:50px;border:solid 1px #dddddd;}
.image2{width:100px;border:solid 1px #dddddd;}
.image3{width:150px;border:solid 1px #dddddd;}
.image4{width:200px;border:solid 1px #dddddd;}
.image5{width:250px;border:solid 1px #dddddd;}

a.botmenulink:link{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#999FAD;text-transform:uppercase;letter-spacing:-1px;text-decoration:none;}
a.botmenulink:visited{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#999FAD;text-transform:uppercase;letter-spacing:-1px;text-decoration:none;}
a.botmenulink:active{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#999FAD;text-transform:uppercase;letter-spacing:-1px;text-decoration:none;}
a.botmenulink:hover{font-family:Helvetica,Arial,sans-serif;font-size:11px;color:#366D8C;text-transform:uppercase;letter-spacing:-1px;text-decoration:none;}


/* Vertical Menu */

/* Parent level */
.TMG{cursor:hand;width:100%;} /* Parent Menu Group */

.TMI{font-family:Arial,sans-serif;font-size:12px;color:#27A1EE;text-transform:uppercase;
padding-left:15px;padding-bottom:4px;padding-top:4px;font-weight:bold;border-bottom:1px solid #CED1D8;border-top:1px solid #CED1D8;} /* Menu Item */

.TMIO{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;text-transform:uppercase;background-color:#BAD9EA;
padding-left:15px;padding-bottom:4px;padding-top:4px;font-weight:bold;border-bottom:1px solid #CED1D8;border-top:1px solid #A9ACB2;} /* Menu Item Over */

.TMID{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;text-transform:uppercase;background-color:#BAD9EA;
padding-left:15px;padding-bottom:4px;padding-top:4px;font-weight:bold;border-bottom:1px solid #CED1D8;border-top:1px solid #A9ACB2;} /* Menu Item Down */

.TMIS{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;text-transform:uppercase;
padding-left:15px;padding-bottom:4px;padding-top:4px;font-weight:bold;border-bottom:1px solid #CED1D8;border-top:1px solid #CED1D8;} /* Menu Item Selected */


/* Child level */
.CMG{cursor:hand;border:solid 1px #9C9EAD;width:100px;background-color:#F7F3F7;} /* Child Menu Group */

.CMI{font-family:Arial,sans-serif;font-size:12px;color:#27A1EE;padding-right:5px;
padding-left:5px;padding-bottom:2px;padding-top:2px;border-bottom:1px solid #CED1D8;} /* Menu Item */

.CMIO{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;padding-right:5px;
padding-left:5px;padding-bottom:2px;padding-top:2px;border-bottom:1px solid #CED1D8;background-color:#BAD9EA;} /* Menu Item Over */

.CMID{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;padding-right:5px;
padding-left:5px;padding-bottom:2px;padding-top:2px;border-bottom:1px solid #CED1D8;background-color:#BAD9EA;} /* Menu Item Down */

.CMIS{font-family:Arial,sans-serif;font-size:12px;color:#366D8C;padding-right:5px;
padding-left:5px;padding-bottom:2px;padding-top:2px;border-bottom:1px solid #CED1D8;background-color:#BAD9EA;} /* Menu Item Selected */


/* filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#FFFFFF', startColorstr='#000000', gradientType='0'); */


/* LOGIN */
#login-page {
background:url(/Design/Logo/Logo.jpg) no-repeat center top;
margin:0 auto;
min-height:630px;
height:auto !important;
height:630px;
padding-top:180px;
border-top:4px solid #b8cd67;
} 
h2.login-logo a {
display:none;
} 
.login-message {
text-align:center;
margin:0 auto;
width:260px;
} 
#login-clear {
clear:both;
} 
#login-left {
text-align:center;
} 
h3.login-options {
display:none;
}
#login-left ul {
margin:10px auto 0px auto;
width:240px;
} 
#login-left ul li {
padding:0 0 20px 10px;
margin:0;
float:left;
list-style:none;
} 
#login-left ul li a {
font-weight:normal;
} 
#login-left ul li:first-child {
padding:0;
} 
#login-right {
clear:both;
padding:0px 0 0px 10px;
text-align:center;
border-left:1px solid #c8b3a4;
width:180px;
margin:20px auto;
} 
#login-right table {
text-align:left;
width:200px;
margin:0px auto;
padding:0px;
} 


/* ERROR PAGES */

.error-page {
background:transparent url(/Design/Logo/Logo.jpg) no-repeat scroll left top;
height:400px;
margin:0 auto;
padding:30px 0 0 230px;
width:330px;
} 
.error-page h3 {
font-size:1.4em;
} 
.error-page p {
padding-top:10px;
} 
.error-page p.inconvenience {
font-style:italic;
} 
.error-page ul {
margin:20px 10px;
} 
.error-page ul li {
list-style:none;
} 
.error-page ul li a {
line-height:24px;
padding:0 0 0 26px;
background:url(/Design/Images/submenu.gif) no-repeat 2px 2px;
} 

/* CUSTOM LAYOUT */

span.telnumber {
	font-weight:bold;
	font-size:20px;
	padding: 15px 33px 0 0;
	display:block;
}

span.telnumber span {
	color:#366D8C;
}