@import url(../css/text.css);
@import url(../css/layout.css);

body
{
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, Verdana;
	background-color: #FFFFFF;
	font-size: 67%;
	color: #696969;
}

img
{
	float: left;
}

#header-frame
{
	width: 100%;
	height: 107px;
	background-image: url(../images/background_header.gif);
	background-position: center top;
	background-repeat: no-repeat;
}

#header
{
	margin-right:auto;
	margin-left:auto;
	width: 780px;
}

#header .header-1-2
{
	width: 570px;
	float: left;
	padding-top: 60px;
}

#header .header-1-2 #navigation
{
	float: left;
	width: 570px;
	height: 20px;
	font-size: 0;
}

#header .header-1-2 #navigation ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#header .header-1-2 #navigation li
{
	float: left;
	padding-left: 20px;
}

#header .header-1-2 #navigation a
{
	height: 20px;
	display: block !important; /* Mozilla */
	display: block; /* Mozilla */
	display/**/:/**/inline-block; /* IE */
}

#header .header-1-2 #navigation a:hover
{
	background-image: url(../images/navigation/arrow.gif);
	background-position: 0 15px;
	background-repeat: no-repeat;
}

#header .header-1-2 #navigation a.on
{
	background-image: url(../images/navigation/arrow.gif);
	background-position: 0 15px;
	background-repeat: no-repeat;
}

#header .header-1-2 #sub-navigation
{
	float: left;
	width: 570px;
	padding: 7px 0 0 0;
}

#header .header-1-2 #sub-navigation ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	padding-left: 22px;
}

#header .header-1-2 #sub-navigation li
{
	float: left;
	padding-right: 15px;
}

#header .header-1-2 #sub-navigation a
{
	color: #6c6c6c;
	text-decoration: none;
	font-size: 1em;
}

#header .header-1-2 #sub-navigation a:hover
{
	color: #323232;
}

#header .header-1-2 #sub-navigation a.on
{
	color: #323232;
}

#header .header-2-2
{
	width: 210px;
	float: right;
}

#header .header-2-2 img
{
	padding: 20px 0 0 40px;
}

#main-frame
{
	width: 100%;
	background-image: url(../images/background_main.gif);
	background-position: center top;
	background-repeat: repeat-y;
	float: left;
}

#main
{
	margin-right:auto;
	margin-left:auto;
	width: 780px;
}

#main .main-1-2
{
	width: 563px;
	float: left;
	background-color: #e5e5e5;
	border-left: solid 2px #FFFFFF;
	margin-right: 4px;
	padding-bottom: 12px;
}

#main .main-2-2
{
	width: 209px;
	float: left;
}

#main .main-2-2 ul
{
	padding: 10px 0 10px 20px;
	margin: 0;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif) !important; /* Mozilla */
	list-style-image: url(../images/bullet.gif); /* Mozilla */
	list-style-image/**/:/**/url(../images/bullet_ie.gif); /* IE */
}

#main .main-2-2 ul a
{
	color: #696969;
	text-decoration: none;
}

#main .main-2-2 ul a:hover
{
	color: #000000;
}

#footer-frame
{
	width: 100%;
	background-image: url(../images/background_footer.gif);
	background-position: center top;
	background-repeat: no-repeat;
	float: left;
	padding: 10px 0 10px 0;
}

#footer
{
	margin-right:auto;
	margin-left:auto;
	width: 780px;
	font-size: 1em;
}

#footer a
{
	color: #696969;
	text-decoration: none;
}

#footer a:hover
{
	color: #d21034;
}

#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#footer li
{
	float: left;
	padding-left: 20px;
}


.compform {margin:17px 0px}
.compform label{float:left;clear:both; width:100px; margin-left:26px;margin-bottom:10px; line-height:2.5; color:#696969; font-weight:bold; font-size:12px;}
.compform label span{color:#c60f31;margin-left:5px;}
.compform input{float:left; width:163px; padding:5px 2px;  border:none; background-color:#e5e5e5; margin-left:34px; margin-bottom:10px;}
.compform .button{padding:0; clear:left; float:left;width:163px; cursor:pointer; text-align:left; color:#d7d7d7; height:24px; font-size:0; text-indent:-999999px; margin-left:160px; background:transparent url('../images/submit.gif') top right no-repeat;}
.compform b{color:#c60f31; clear:left;float:left; width:180px; clear:both; margin-left:148px;}
.compform .error{color:#c60f31; margin-left:15px; line-height:2.5; float:left;}

.terms{background-color:#ffffff; width:525px; float:left; padding:30px 20px 20px 20px; _margin-right:-10px;}

.terms h3{color:#696969; font-size:12px; font-weight:bold; margin:0px;}
.terms p{color:#696969; font-size:11px; float:none; margin-bottom:20px;}

h1.phosphats_strap{float:left;display:block;margin:0; padding:0; width:563px; height:73px; background:transparent url('../images/phosphates/phosphates_strapline.jpg') top left no-repeat; text-indent:-999999px;}
.phosphateslist{float:left; width:563px; padding-bottom:20px; background-color:#ffffff;}
.phosphateslist ul{float:left;list-style:none; padding:0; margin:10px 0px 0 0;}
.phosphateslist li{display:block; width:563px; float:left; margin-bottom:5px; clear:both; font-size:1.3em}

.phosphateslist .one .text{float:left; width:431px; margin-top:10px;}
.phosphateslist .two .text{float:left; width:431px; margin-top:0px;}
.phosphateslist .three .text{float:left; width:431px; margin-top:8px;}
.phosphateslist .four .text{float:left; width:431px; margin-top:8px;}
.phosphateslist .a{float:left;display:block;width:69px; height:37px; background:transparent url('../images/phosphates/phosphates_1.jpg') top left no-repeat; text-indent:-999999px;}
.phosphateslist .b{float:left;display:block;width:83px; height:42px; background:transparent url('../images/phosphates/phosphates_2.jpg') top left no-repeat; text-indent:-999999px;}
.phosphateslist .c{float:left;display:block;width:78px; height:43px; background:transparent url('../images/phosphates/phosphates_3.jpg') top left no-repeat; text-indent:-999999px;}
.phosphateslist .d{float:left;display:block;width:83px; height:45px; background:transparent url('../images/phosphates/phosphates_4.jpg') top left no-repeat; text-indent:-999999px;}
.phosphates {padding-left:20px; width:505px;}
.phosphates h2{color:#010101; font-size:1.4em; margin:0 0 10px 0}
.phosphates ul{list-style:none; padding:0; margin:0px;}
.phosphates li{float:left; width:50%;}

.phosphates a:link{color:#696969; text-decoration:none;}
.phosphates a:visited{color:#696969;text-decoration:none;}
.phosphates a:hover{color:#D21034;text-decoration:none;}
.phosphates a:active{color:#696969;text-decoration:none;}
.comp{float:left; margin-top:12px; width:563px; background-color:#ffffff}
.comp_text{width:200px; height:auto; clear:both; float:right; margin:95px 50px 0 0; _margin:95px 20px 0 0; font-size:1em; color:#141313}
.comp_text a{color:#c0002b; text-decoration:none;}
.comp_text a:link{color:#c0002b; text-decoration:none;}
.comp_text a:visited{color:#c0002b; text-decoration:none;}
.comp_text a:hover{color:#c0002b; text-decoration:underline;}
.comp_text a:active{color:#c0002b; text-decoration:none;}
.comp a.enter{display:block; margin:15px 16px 0 0; _margin:12px 10px 0 0;width:147px; height:31px; float:right; clear:both; text-indent:-999999px; background:transparent url('../images/phosphates/enternow.jpg') top left no-repeat; }

.address1{width:506px; padding:5px 0px; clear:both; margin:0px auto 40px auto; background-color:#f0f0f0;}
.address1 p{margin:0px; padding:0px;text-indent:10px; }
.address1 span{color:#c0002b;}
.address1 a{color:#c0002b; text-decoration:none;}
.address1 a:link{color:#c0002b; text-decoration:none;}
.address1 a:visited{color:#c0002b; text-decoration:none;}
.address1 a:hover{color:#c0002b; text-decoration:underline;}
.address1 a:active{color:#c0002b; text-decoration:none;}


.homepageimage{width:563px; height:188px; background:transparent url('../images/comp/banner.jpg') top left no-repeat; position:relative;}

.banner_text
{
width:245px;
position:absolute;
top:80px ;
left:230px ;
font-size:1.2em;	
}

.banner_text a{font-weight:bold;color:#D21034; text-decoration:none;}
.banner_text a:link{color:#D21034; text-decoration:none;}
.banner_text a:visited{color:#D21034; text-decoration:none;}
.banner_text a:hover{color:#D21034; text-decoration:underline;}
.banner_text a:active{color:#D21034; text-decoration:none;}

a.compbtn{background:transparent url('../images/comp/enter_now.jpg') top left no-repeat; width:119px; height:28px; position:absolute; bottom:11px; right:5px; text-indent:-999999px}