/* CSS Document */



body{

background-color: #00A4E3;

background-image:url(../images/splash_tile_bg.jpg);

background-repeat:repeat-x;

margin:0;

}

a:visited{
	color:#06F;
	}
	
a:link{
	color:#06F;
}

h4{

font-family:"Myriad Pro";

margin:0;

padding:0;

}

#pagecell{

width:1024px;
height:auto;
margin: 0 auto;
background-color:#FFF;


}

#lowerpagecell{
height:auto;
border-left: 6px solid #ffd758;
border-right: 6px solid #ffd758;
border-bottom: 6px solid #ffd758;
}



#pagecell_lower{

	

	width:1012px;

	background-color:#FFFFFF;


	border-left:6px solid #ffd758;

	border-bottom: 6px solid #ffd758;

	border-right: 6px solid #ffd758;

	margin-top:0px;

}



/*Start Scaletec Page*/



#header{

height:350px;

background-image:url(../images/scaletec_header.jpg);

background-repeat:no-repeat;

}



#header_text{

margin:135px 10px 0 0;

padding:0;

float:right;

width:500px;

	height: auto;

	text-align:center;

	display:inline;

	/*font-family:"Myriad Pro";

	font-size:20px;

	font-weight:bold;*/

}



#header_text h2{

font-family:"Myriad Pro";

font-style:italic;

	font-weight:bold;

	margin:0;

	padding:0;

}

#header_text2{

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

text-align:center;

margin-top:20px;

color:#7a3c2c;

}







ul,li {

list-style-type: none; /* to minimize problems */

margin: 0;

padding:0;
line-height: 30px; /* extra space */


}



#content{

background-color:#FFFFFF;

height:auto;

}





#features_bullets { /* defines container for benefits bullets */

margin-top: 30px;

margin-right:20px;

width: 250px;

	font-weight:bold;

	padding-left: 1.5em;

	text-indent: -1.3em;

	line-height:15px;

	float:right;

	list-style-type:disc;

	list-style-position:inside;

	font-family:"Myriad Pro";

	font-size:14px;

}







#benefits_bullets { /* defines container for benefits bullets */

margin-top: 30px;

margin-right:20px;

width: 250px;

	font-weight:bold;

	padding-left: 1.5em;

	text-indent: -1.3em;

	line-height:15px;

	float:right;

	list-style-type:disc;

	list-style-position:inside;

	font-family:"Myriad Pro";

	font-size:14px;

}



#features_bullets li{

list-style-type:disc;

list-style-position:inside;

line-height:20px;

padding-bottom:10px;

}





#benefits_bullets li{

list-style-type:disc;

list-style-position:inside;

line-height:20px;

padding-bottom:10px;

}



#docs{

margin-left:30px;

margin-top:20px;

float:left;

width:240px;

display:inline;

/*border:1px solid #000000;

*/font-family:"Myriad Pro";

font-size: 16px;

font-weight: normal;

padding:10px 10px 10px 20px;

}



/*Home CSS Start*/



#home_content{

font-family:"Verdana";

font-size:12px;

font-weight:normal;

width:500px;

float:left;

line-height:16px;

}

#home_icons{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#home_icons img{
	padding-top:5px;
	padding-bottom:10px;
	
}

#home_icons_L{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#home_icons_L img{
	padding-top:5px;
	padding-bottom:10px;
	
}

.newprod{


	width:200px;

	border:3px solid #ffd758;		

    height:auto;

    overflow:auto;

	margin-top:0px;

	margin-bottom:10px;

	margin-right:10px;

	font-family: Verdana, Geneva, sans-serif;

	font-size:10px;

}



#newprod_head h3{

	height:20px;

	margin:0 0 10px 0;



	width:auto;

	background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

	font: bold 12px Verdana, Geneva, sans-serif;

color: white;

padding:3px 0px 0px 0px;

}



#newprod_head p{

	height:20px;

	margin:0 0 10px 0;



	width:50px;

	

    padding:3px 0px 0px 0px;

}

.newdoc{


	width:200px;

	border:3px solid #ffd758;
	margin:10px 10px 10px 0px;

    height:auto;

    overflow:auto;

	
	

	font-family: Verdana, Geneva, sans-serif;

	font-size:10px;

}
.newdocLeft{


	width:130px;

	border:3px solid #ffd758;
	margin:10px 10px 10px 10px;

    height:auto;

    overflow:auto;

	
	

	font-family: Verdana, Geneva, sans-serif;

	font-size:10px;

}


.homeicons_mid{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#homeicons_group{
	width:480px;
	height:500px;
	margin:auto;
	
}

#newdoc_head h3{

	height:20px;

	margin:0 0 10px 0;



	width:auto;

	background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

	font: bold 12px Verdana, Geneva, sans-serif;

color: white;

padding:3px 0px 0px 0px;

}



#newdoc_head p{

	height:20px;

	margin:0 0 10px 0;



	width:50px;

	

    padding:3px 0px 0px 0px;

}




#header_text_home{

	margin:60px 10px 0 0;

	display:inline;

	padding:0;

	float:right;

	width:600px;

	height: auto;

	text-align:center;

	/*font-family:"Myriad Pro";

	font-size:20px;

	font-weight:bold;*/

}

#home_header{

height:350px;

width:1024px;

background-image:url(../images/newheader.jpg);

background-repeat:no-repeat;

}



#home_h2{

font-family:"Myriad Pro";

font-style:italic;

	font-weight:bold;

	margin:0;

	padding:0;

	color:#ffffff;

}



#home_h3, #aboutus #home_h3, #contact_us #home_h3{

margin:0;

padding:0;

color:#2256A2;

font-family:"Myriad Pro";

font-weight:bold;

text-align:left;

}



#home_h4{

	color:#000000;

}



#contact_us, #retailers{
	background-color:#FFF;

	width:600px;

	height:auto;

	padding:0px 0px 0px 30px;

	float:left;

	border:none;
	

}

 #aboutus{
	padding-left:30px;
	margin-left:160px;
	padding-right:30px;}

#mid_content #contact_us p, #aboutus p{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:150%;
	font-weight:normal;
	text-align:left;
	
}

#hm_mid ul{
		line-height:0;

}

#hm_mid li{
	line-height:15px;
	text-align:center;
}

#mid_content p{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;
text-align:center;
padding:0px 0px 0px 0px;
margin:0;
}

	

.style1 {
font-size:13px;
font-weight:bold;
}


#left_content{
	float:left;
	width:150px;
}

#right_content{
	float:right;
	width:220px;
}

#mid_content{
	height:auto;
	margin-left:150px;
	margin-right:220px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#top_table{
	text-align:left;
}

#btm_table{
	width:640px;
}
/*Home CSS End*/



/*Scaletec CSS Start*/

#scaletec_h3{

margin:0;

padding:0;

color:#990033;

}



#scaletec_h4{

color:#990033;

}



#benefits_scaletec{

	width:500px;

	height:455px;

	background-image:url(../images/scaletec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Scaletec CSS End*/







/*Startuptec CSS Start*/

#startuptec_header{

height:350px;

background-image:url(../images/startuptec_header.jpg);

background-repeat:no-repeat;

}



#startuptec_h3{

margin:0;

padding:0;

color:#7a3c2c;

}



#startuptec_h4{

color:#7a3c2c;

}



#benefits_startuptec{

	width:500px;

	height:455px;

	background-image:url(../images/startuptec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;
	margin-bottom:10px;

}





/*Startuptec CSS End*/



/*Algatec CSS Start*/

#algatec_header{

height:350px;

background-image:url(../images/algatec_header.jpg);

background-repeat:no-repeat;

}



#algatec_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding:0;

color:#006875;

text-align:center;

}



#algatec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#006875;

}



#feature_lower{

width:160px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

margin-top:380px;

margin-left:65px;

color: #FF0000;



}



#algatec_h4{

color:#006875;

}



#benefits_algatec{

	width:500px;

	height:600px;

	background-image:url(../images/algatec_benefits2.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}



#para_algatec{

width:430px;

float:left;

margin-left:0px;

margin-top:0;

padding-left:0px;

}

/*Algatec CSS End*/





/*Beautec CSS Start*/



#beautec_header{

height:350px;

background-image:url(../images/beautec_header.jpg);

background-repeat:no-repeat;

}



#beautec_header_text{

	position:absolute;

	width:450px;

	height:53px;

	z-index:1;

	left: 527px;

	top: 273px;

	color:#FFF;

	text-align:center;

	display:inline;

	font-family:"Myriad Pro";

	font-size:20px;

	font-weight:bold;

}



#beautec_header_text h2{

}



#beautec2_h3{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

margin:0;

padding-left:40px;

color:#9B3D96;

}



#beautec_h4{

color:#9B3D96;

}



#benefits_beautec{

	width:500px;

	height:700px;

	background-image:url(../images/beautec_benefits2.jpg);

	background-repeat:no-repeat;

	padding:0px 30px 0px 0px;

	float:right;

}



/*Beautec CSS End*/



/*Pooltec CSS Start*/



#pooltec_header{

height:350px;

background-image:url(../images/pooltec_header.jpg);

background-repeat:no-repeat;

}



#pooltec_h3{

margin:0;

padding:0;

color:#2256A2;

}



#pooltec_h4{

color:#2256A2;

}



#benefits_pooltec{

	width:500px;

	height:455px;

	background-image:url(../images/pooltec_benefits.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Pooltec CSS End*/



/*Protec CSS Start*/



#protec_header{

height:350px;

background-image:url(../images/protec_header.jpg);

background-repeat:no-repeat;

}



#protec_h3{

margin:0;

padding:0;

color: #009966;

}



#protec_h4{

color:#009966;

}



#benefits_protec{

	width:500px;

	height:455px;

	background-image:url(../images/protec_bottle.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Protec CSS End*/



/*Fountec CSS Start*/



#fountec_header{

height:350px;

background-image:url(../images/fountec_header.jpg);

background-repeat:no-repeat;

}



#fountec_h3{

margin:0;

padding:0;

color: #1E78AE;

}



#fountec_h4{

color:#1E78AE;

}



#benefits_fountec{

	width:500px;

	height:455px;

	background-image:url(../images/fountec_bottle_64oz.jpg);

	background-repeat:no-repeat;

	padding:0px 0px 0px 0px;

	float:right;

}



/*Fountec CSS End*/


 ul#pdf{
	 font-family:Arial, Helvetica, sans-serif;
	line-height:140px;
}


#pdf li{


text-align:left;

font-family:"Myriad Pro";

font-size: 16px;

font-weight: normal;
line-height:20px;
padding-bottom:10px;

}

#pdf{
	 font-family:Arial, Helvetica, sans-serif;
}

#pdf a:link{

text-decoration:none;

}

#pdf a:visited{
	text-decoration:none;
}



#pdf a:hover{

color:#990033;

}







#footer{

	clear:both;

	height: 20px;

	font-family: Tahoma, Arial, Helvetica, Sans-serif;

	font-size: 12px;

	color: #FFF;

	padding: 13px 25px;

	line-height: 18px;

	width:800px;

	margin:0 auto;

	text-align:center;

}



#footer a {

	color: #FFF;

	text-decoration: none;

}



#footer a:hover {

	color: #0099FF;

}



/*End Scaletec Page*/



.glossymenu{

margin: 0px 0 0 10px;

padding: 0px;

width: 130px; /*width of menu*/

border: 1px solid #9A9A9A;

border-bottom-width: 0;


}



.glossymenu a.menuitem, .menuitem{

background: #0099FF url(../images/glossyback.gif) repeat-x bottom left;

font: bold 12px Verdana, Geneva, sans-serif;

color: white;

display: block;

position: relative; /*To help in the anchoring of the ".statusicon" icon image*/

width: auto;

padding: 6px 0;

padding-left: 10px;

text-decoration: none;

}





.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{

color: white;

}



.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/

position: absolute;

top: 5px;

right: 5px;

border: none;

}



.glossymenu a.menuitem:hover{

background-image: url(../images/glossyback2.gif);

}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/

background: white;

}



.glossymenu div.submenu ul{ /*UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

}



.glossymenu div.submenu ul li{

border-bottom: 1px solid blue;

}



.glossymenu div.submenu ul li a{

display: block;

font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: black;

text-decoration: none;

padding: 2px 0;

padding-left: 10px;

}



.glossymenu div.submenu ul li a:hover{

background: #C8E3FF;

color: white;

}



.news_front_top{

font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;

color: white;

background-image:url(../images/glossyback2.gif);

background-repeat:repeat-x;

height:25px;

width:500px;

padding-left:20px;

margin-top:40px;

}



.news_content{

height: 100px;

overflow: auto;

margin-top:20px;

padding: 8px;

font-family:"Verdana";

font-size:12px;

font-weight:normal;

width:500px;

line-height:16px;

}

#testimonies{
	float:right;
	width:400px;
	height:auto;
	margin-top:10px;
}

#contact_h2{

font-family:"Myriad Pro";

font-style:italic;

	font-weight:bold;

	margin:0 0 10px 0;

	padding:0;

	color:#ffffff;

}



#header_text_contact{

	margin:50px 10px 0 0;

	display:inline;

	padding:0;

	float:right;

	width:600px;

	height: auto;

	text-align:center;

	/*font-family:"Myriad Pro";

	font-size:20px;

	font-weight:bold;*/

}



/*Horzontal Menu Bar Start*/



#navcell{

width:1012px;

height:30px;

float:left;

background:#0099FF url(../images/glossyback.gif) repeat-x scroll left bottom;

border-left:6px solid #FFD758;

border-right:6px solid #FFD758;
border-bottom: 6px solid  #FFD758;

margin-bottom:15px;



}



#navcontainer{

width:100%;

height:30px;


}



#navcontainer ul

{

height:30px;

padding-left: 0;

margin-left: 0px;

color: White;

float: left;


font-family: arial, helvetica, sans-serif;

}



#navcontainer ul li { display: inline;

 }



#navcontainer ul li a

{

padding: 0px 10px 5px 20px;

background:#0099FF url(../images/glossyback.gif) repeat-x scroll left bottom;

color: White;

text-decoration: none;

float: left;

height:25px;

}



#navcontainer ul li a:hover

{

background-color: #369;

color: #0000FF;

}



#benefits_about{

	width:700px;

	height:auto;

	padding:20px 20px 0px 60px;

	float:left;

}



#content_about{

background-color:#FFFFFF;
width:700px;
margin-left:180px;
margin-right:50px;
font-family: "Myriad Pro";







}



/*Horizontal Menu Bar End*/