/*****************************
	STYLESHEETVERSION:1.0
	WEBSITE:IBC Water
	AUTHOR:Cherie Proctor
	CREATED:17/10/05
	COMMENTS:Stylesheet for IBC Water. */
/** DEFAULT LAYOUT DIV styles */
#frame{width:100%;height:100%}
#header{width:100%;height:257px}
#utilities{height:34px;background:#FFBB00 url("../../images/orange_gradient.gif") repeat-y top left;padding:5 5 0 12px;color:#6E6E6F;text-align:right;border-top:1px solid #FFFFFF;border-bottom:2px solid #FFFFFF;font:11px Arial, Helvetica, sans-serif}
html>body #utilities{height:28px;padding:7 5 0 12px}
#headerImage {height:188px;background:#3A8ADE url("../../zone_files/WaterDrop.jpg") no-repeat top right}
#headerImage img{margin:0 0 -4 0px}
#columnLeft{width:185px;background:#508FDD;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;border-right:2px solid #FFFFFF}
#columnMain{}
#columnRight{width:225px}
#quickLinks a{color:#FFFFFF;text-decoration:none}
#quickLinks a:hover{color:#FFFFFF;text-decoration:underline}
#quickLinks ul{padding:0 0 0 0px;margin:0 -10 20 -10px}
#quickLinks ul li {list-style-image:url("../../images/quickLinks_bullet.gif");padding:0 0 10 27px;margin:0px;font:12px Arial, Helvetica, sans-serif;color:#FFFFFF;text-transform:uppercase;font-weight:bold;border-bottom:1px solid #FFFFFF}
html>body #quickLinks ul li{padding:0 0 10 10px}
#subNav{margin:0 -2 0 0px;border-bottom:1px solid #FFFFFF}
#subNav a{color:#FFFFFF;text-decoration:none}
#subNav a:hover{color:#FFFFFF;text-decoration:underline}
#subNav td{padding:10 0 10 10px;margin:0 -10 0 -10px;font:12px Arial, Helvetica, sans-serif;color:#FFFFFF;text-transform:uppercase;font-weight:bold}
#LeftColumnInfo{padding:0 10 10 10px;font:12px Arial, Helvetica, sans-serif;color:#FFFFFF}
#LeftColumnInfo p{font:12px Arial, Helvetica, sans-serif;color:#FFFFFF}
#LeftColumnInfo img{border:1px solid #FFFFFF;margin:0 6 4 0px}
#LeftTitleShort{font:14px Arial, Helvetica, sans-serif;color:#FFFFFF;font-weight:bold;text-transform:uppercase;padding:0 0 1 0px}
#LeftTitleLong{font:14px Arial, Helvetica, sans-serif;color:#073C5D;font-weight:bold;padding:0 0 6 0px}
#pageHeader{height:50px;background:#E8E8E8 url("../../images/page_header_bg.gif") repeat-x top left;padding:20 10 5 10px}
html>body #pageHeader{height:25px}
#mainContentArea{padding:10 10 5 15px;font:12px Arial, Helvetica, sans-serif;color:#666666}
#mainContentArea img{margin:0 0 10 0px;border:1px solid #D9D9D9}
#productHighlights{padding:10 10 5 10px}
#productHighlights ul li{list-style:none;padding:0px;margin:0 0 0 -30px}
#readMore{border-bottom:1px solid #D9D9D9;padding:0 5 20 0px;font:11px Arial, Helvetica, sans-serif;color:#465785;text-align:right}
#readMore a{float:right;font:11px Arial, Helvetica, sans-serif;color:#465785;text-decoration:none}
#readMore a:hover{text-decoration:underline}
#readMore img{margin:-1 3 0 0px}
#footer{height:36px;padding:0px;margin:0px}
#footerTop{height:19px;color:#FFFFFF;font-size:9px;padding:4 6 0 3px;text-align:left;background:#FFBB00 url("../../images/orange_gradient.gif") repeat-y top left}
html>body #footerTop{height:15px}
#footerBottom{height:17px;width:100%;background:#3989DC;border-top:3px solid #FFFFFF}
/* MAIN MENU NAVIGATION styles */#nav{clear:both;width:100%;height:35px;padding:0px;margin:0px;background:#F1F1F0 url("../../images/menu_bg.gif") repeat-x top left}
html>body #nav{padding:6 0 0 0px;height:29px}
#nav img{margin:0 -2 -4 -1px;padding:0px}
#nav ul {padding:0px;margin:0px;height:20px}
#nav ul li {list-style:none;display:inline;padding:0px;margin:0px;border:0px}
#nav ul li a {padding:6 40 6 16;margin:0 -3 0 0px;height:20px;font:12px Arial, Helvetica, sans-serif;font-weight:bold;text-decoration:none;text-transform:uppercase;color:#707980}
#menuBullet img {margin:-15 -6 0 12px}
html>body #nav ul li a {height:20px}
#nav ul li a#current{}
#nav li a:hover{}
/** LINK styles *//* STANDARD LINK styles */a {font-family:Arial,Verdana, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#FF9933}
a:link {color:#FF9933}
a:visited {color:#FF9933}
a:active {color:#FF9933}
a:hover {color:#FF7F00;text-decoration:underline}
/* BREADCRUMB LINK styles */#breadcrumbs {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;color:#FF9933;margin:0 0 10 0px}
#breadcrumbs a {font-family:Arial, Helvetica, sans-serif;font-size:9px;text-transform:uppercase;color:#FF9933}
#breadcrumbs a:hover {text-decoration:underline}
/* FOOTER links */#footer a {margin:0px;padding:0 5 0 5px;text-transform:uppercase;font-size:9px;color:#FFFFFF}
/** Utilities */#utilities a {font-size:9px;margin:2 2 0 0;text-transform:uppercase;color:#6E6E6F;font:11px Arial, Helvetica, sans-serif}
/** INCLUDE TEMPLATE styles *//* CALENDAR */.calendarRow{ clear:both}
.calendarDayHeading{ background-color:<cfoutput>#developer.headingsColour#</cfoutput>;color:<cfoutput>#developer.lightColour#</cfoutput>;width:70px;height:25px;padding:2px;margin:1px;float:left}
.calendarDay, .calendarDay_away, .calendarDay_home{background-color:<cfoutput>#developer.keylineDarkColour#</cfoutput>;color:<cfoutput>#developer.lightColour#</cfoutput>;width:70px;height:70px;padding:2px;margin:1px;float:left}
.calendarDay_away{background-color:<cfoutput>#developer.headingsColour#</cfoutput>}
.calendarDay_home{background-color:<cfoutput>#developer.linkColour#</cfoutput>}
.calendarDay_home a:link{color:<cfoutput>#developer.mainmenuHighlightColour#</cfoutput>}
.calendarDay_home a:visited{color:<cfoutput>#developer.mainmenuHighlightColour#</cfoutput>}
.calendarDay_home a:hover{color:<cfoutput>#developer.linkHighlightColour#</cfoutput>}
.calendarDay_away a:link{color:<cfoutput>#developer.mainmenuHighlightColour#</cfoutput>}
.calendarDay_away a:visited{color:<cfoutput>#developer.mainmenuHighlightColour#</cfoutput>}
.calendarDay_away a:hover{color:<cfoutput>#developer.linkHighlightColour#</cfoutput>}
/* CONTACT FORM */#contactForm{width:300px;border:1px solid #F7A300;clear:both}
.formHeading{width:300px;height:20px;background:#F7A300}
.formRow{width:290px;height:18px;margin:5 2 5 2px;clear:both}
.fieldName{width:90px;float:left;padding:3 2 3 2px;text-align:right}
.field{width:180px;float:right;padding:2px;text-align:left}
.formHeading h1{margin:0px;padding:2 0 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF}
.tableHeading{height:20px;background:#F7A300}
.tableHeading h1{margin:0px;padding:2 0 0 5px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;color:#FFFFFF}
/* SELECTOR STYLES *//* -------------------------------------------------------------------------------------- */body{padding:0px;margin:0px}
h1{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#707980;padding:0px;margin:0px;font-weight:bold;text-transform:uppercase}
h2{font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#707980;padding:3 0 0 0px;margin:5 0 0 0;text-transform:uppercase}
html>body h2{margin:0px}
h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#003063;padding:0px;font-size:bold;margin:0 0 3 0px}
p,td{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666;margin:0px 0px 6px 0px;padding:0px}
ul{margin:0 0 0 26;padding:4 5px}
li{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666666}
img{border:0px;margin:0px;padding:0px}
/** FORM styles */form{padding:0px;margin:0px;border:0px}
form.searchBox{padding:0px;margin:0 0 1 0px;border:0px}
input{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666666;border:0px;height:16px;padding:0px;margin:1 4 1 4px;border-bottom:1px solid #9D6B00;border-left:1px solid #9D6B00;border-top:1px solid #898989;border-right:1px solid #898989;vertical-align:top}
html>body input{margin:3 4 1 4px}
input.lge{width:180px}
input.med{width:110px}
input.sml{width:70px}
textarea{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#666666;width:180px;border:0px;height:60px;padding:0px;margin:0px;border:1px solid #CCCCCC}
input.checkBox{margin-right:3px;float:left;width:14px;height:14px}
input.button {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-weight:normal;color:#2F2923;background-color:#E5E5D3;border-top-color:#F0F0E6;border-right-color:#919186;border-bottom-color:#606059;border-left-color:#EAEADC;padding:0px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid}
input.imageButton{margin:0px;padding:0px;border:0px}
select{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#FFFFFF;border:0px;height:16px;padding:0px;margin:0px;background:#F7A300;border:1px solid #CCCCCC}
/** MISCELLANEOUS styles */.boxBacking {background-color:#CCCCCC}
.boxHeader {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;background-color:#AFAFAF;color:#FFFFFF}
#floatLeft{float:left}
#floatRight{float:right}