body	
{
	margin:0;
	padding:0;
	font:101% Arial,Verdana,Helvetica,Sans-Serif;
	text-align: center;
}

a {
	color: #00488b;
	text-decoration: none;
}

a:hover {
	color: #257195;
}

/* main content divs */ 

#ContentContainer	
{
	margin: 0 auto;
	background-color:#fff;
	position:relative;
	text-align: left;
	border:1px solid #CCCCCC;
	width:784px;
}

.watermarked
{
	color:Gray;
}

.watermarked-focus 
{
	color:Black;
}


#home #ContentContainer {
	border-left: none;
	border-right: none;
	width:786px;
}

#Header, #Header2
{
	border-bottom:1px solid #296197;
	width:100%;
	background:#00488B url("../images/h_salesenq_short.gif") no-repeat 220px 60px;
}

#HeaderSearch
{
	padding:4px 5px 2px 2px;
	float:right;
}

#HeaderSearch input
{
	float: left;
	margin: 2px 5px 0  0;
}

#HeaderSearch .btn
{
	float: left;
}

#Logo
{
	padding:9px 1px 9px 1px;
	text-align:center;
	float:left;
	width:217px;
	border-right:1px solid #296197;
}

#Contact
{
	padding:8px 8px 7px 8px;
	width:545px;
	text-align:right;
	float:left;
}

#MainContent
{
	background: url(../images/i_maincontentbg.gif);
}

#LeftContent
{
	width:553px;
	float:left;
	voice-family: "\"}\"";
  	voice-family:inherit;
  	width:583px;
}

#RightContent
{
	border-top:1px solid #cccccc;
	background-color:#F9F9F9;
	float:left;
	width:198px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	width:198px;
}

html>body #RightContent
{
  width:198px;
} 

#RightContent h3
{
	padding:0;
	margin:0;
	padding:20px 20px 0 20px;
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
}

.NewsChunk, .NewsChunkLast
{
	width:158px;
	padding:10px 20px 10px 20px;
	font: .6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	border-bottom:1px dashed #DDDDDD;
}

.NewsChunkLast
{
	border-bottom:none;
}

.NewsChunk a, .NewsChunkLast a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	text-decoration:none;
}

.NewsChunk a:hover, .NewsChunkLast a:hover
{
	text-decoration:none;
	color:#666666;
}

.NewsChunk select, .NewsChunkLast select
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	text-decoration:none;
}

.NewsChunk ul, .NewsChunkLast ul
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.NewsChunk li, .NewsChunkLast li
{
	padding-left: 15px;
	padding-bottom:10px;
	background: url(../images/a_greyright.gif) 5px 5px no-repeat;
}

#HeaderStrip
{
	border-top:1px solid #fff;
}

#HeaderStripRight
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	text-align:right;
}

/* Home Page */
#MainImage
{
	border-top:1px solid #fff;
}

/* Mac IE5 hack begin */
/* http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html */
#HomepageDynamic
{
	width:276px;
	height:284px;
	position: absolute;
	top:200px;
	left:-57px;
}

/* commented backslash hack v2 \*/
#HomepageDynamic
{
	position: absolute;
	top:197px !important;
	left:-57px;
	top:202px;
}

#PhilosophyDynamic
{
	position: absolute;
	top:1293px !important;
	top:1311px;	
	left:-53px;
}

#WaterfactsDynamic
{
	position: absolute;
	top:200px;	
	left:0px;
}

#ForHomeDynamic
{
	position: absolute;
	top:220px;	
	left:-94px;
}

#ForWorkDynamic
{
	position: absolute;
	top:220px;	
	left:-79px;
}

#FaqDynamic
{
	position: absolute;
	top:237px;	
	left:-94px;
}
/* end hack */
/* Mac IE5 hack end  */

#HomepageDynamicText
{
	padding:20px;
	padding-bottom:26px !important;
	padding-bottom:31px;
	position: relative;
	z-index: 10;
}

#Left
{
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#006699;
	letter-spacing:1.5px;
	text-align:right;
	float:left;
	width:216px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:218px;
	}
	
html>body #Left 
{
	width:218px;
}

#Left h3
{
	padding:0;
	margin:0;
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#0099CC;
}

#Left a
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#0099CC;
	text-decoration:none;
}

#Left a:hover
{
	color:#00488B;
}

#Right
{
	width:565px;
	border-left:1px solid #cccccc;
	background:url(../images/i_specialoffersbg.gif);
	float:left;
	
}

#NewVisitors
{
	padding:0;
	width:284px;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif;
	color:#67CCFF;
	float:left;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
}

#NewVisitors h3 span	{
	display:none;
}

#NewVisitors p
{
	width:150px;
	float:right;
}

.title-newvisitors {
	background: transparent url("../images/h_newvisitors.gif") 5px 2px no-repeat;
	display: block;
	padding: 0;
	margin: 10px 0 10px 0;
	width: 177px;
	height: 15px;
}

.DarkGo
{
	clear:both;
	padding-bottom:10px !important;
	padding:5px 10px 0 0;
	margin:0;
	float:right;
	width:45px;
}

#CustomerLogin
{
	padding: 0;
	border-top:1px solid #fff;
	float:left;
	width:280px;
}
	
#CustomerLogin h3 span	{
	display:none;
}

.title-customerlogin {
	background: transparent url("../images/h_customerlogin.gif") 5px 2px no-repeat;
	display: block;
	padding: 0;
	margin: 10px 0 10px 0;
	width: 115px;
	height: 14px;
}

#CustomerLogin p.maintext	{
	display:inline;
	margin:0 0 0 7px;
	float:left;
	width:150px;
	font: .75em Arial,Verdana,Helvetica,Sans-Serif;
	color:#006699;
}

#CustomerLogin p.maintext strong	{
	display:block;
}

#CustomerLogin p.loginnote	{
	display:inline;
	margin:15px 0 0 7px;
	float:left;
	width:160px;
	clear:left;
}

#CustomerLogin p.loginnote a	{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
}

#CustomerLogin p.loginnote a:hover	{
	color:#003366;
}

.CustomerLoginLinksRight	{
	display:inline;
	margin:5px 10px 0 0 !important;
	margin:16px 10px 0 0;
	padding:0;
	width:45px;
	float:right;
}

#CustomerLogin input
{
	float:right;
	display:inline;
	padding:0;
	margin:0 10px 5px 0;
	font: 10px Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
	width:100px;
}

#DripsandDrabs
{
	padding: 10px 35px 5px 35px;
	background:#ffffff url(../images/h_dribsdrabs.gif) 5px 10px no-repeat;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	clear:both;
	width:565px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width:495px;
	}
	
html>body #DripsandDrabs 
{
	width:495px;
}

#DripsandDrabs h3
{
	margin:0;
	padding:0;
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#DripsandDrabs a
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

#DripsandDrabs a:hover
{
	color:#00488B;
}

/* Ordering Home Page */

#OrderEntryContainer
{
	margin-top:20px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#OrderEntryContainer h2
{
	padding:0;
	margin:0;
	font: 1.6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#OrderEntryContainer a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

#OrderEntryContainer a:hover
{
	color:#00488B;
}

#OrderEntryContainer .row input, #OrderEntryContainer .rowLast input
{
	width:100px;
	border:1px solid #3399CC;
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
}

#OrderEntryContainer .row, #OrderEntryContainer .rowLast
{
	padding-bottom:20px;
	width:180px;
	clear:both;
}

#OrderEntryContainer .rowLast
{
	padding-bottom:0;
}

#OrderEntryContainer .label
{
	width:70px;
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	text-align:right;
	float:left;
}

#OrderEntryContainer .widget
{
	width:100px;
	text-align:left;
	float:right;
}

#OrderEntryContainer select
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
}

#Returning
{
	padding:0 30px 30px 30px;
	width:230px;
	float:left;
}

#ReturningFull
{
	padding:0 30px 30px 30px;
	float:left;
}

#New
{
	padding:0 15px 30px 30px;
	margin-bottom:15px;
	width:245px;
	border-left:1px dashed #cccccc;
	float:left;
}

#NewFull
{
	padding:0 15px 30px 30px;
	margin-bottom:15px;

	float:left;
}

#New input.FormText, #NewFull input.FormText
{
	background-color:#fff;
	width:100px;
	border:1px solid #3399CC;
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
}

/* Catalogue */


#SelfSeviceCatalogueRight
{
	padding:20px 20px 20px 20px;
	width:526px;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
	float:left;
}

#SelfSeviceCatalogueRight p
{
	font: .7em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
}

#SelfSeviceCatalogueRight h2
{
	margin:0;
	padding:0;
	font: 1.1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	letter-spacing:2px;
}

#SelfSeviceCatalogueRight h3
{
	margin:0;
	padding:0;
	padding-bottom:15px;
	font: bold .7em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
}

#CatTitle
{
	padding:21px 0 5px 0 !important;
	padding:22px 0 5px 0;
	width:218px;
	border-right:1px solid #fff;
	background:#3399CC;
	float:left;
}

#CatTitle h1
{
	padding:0;
	margin:0;
	padding-left:5px;
	font: 1.3em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	letter-spacing:1px;
}

.NoteCat, .NoteCatFirst
{
	padding:15px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
}

.NoteCatFirst
{
	padding-bottom:0;
}

.NoteCat a, .NoteCatFirst a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

.NoteCat a:hover, .NoteCatFirst a:hover
{
	color:#00488B;
}

.NoteCat2
{
	padding:15px;
	width:589px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	float:left;
}

.NoteCat3
{
	padding:15px;
	width:420px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#999999;
	float:left;
}

.CatBack
{
	padding:20px 0 0 20px;
	float:left;
}

.CatProceed
{
	padding:20px 20px 0 0;
	float:left;
}

#MainCat
{
	border-top:1px dashed #CED7DC;
	clear:both;
}

#MainCat input
{
	border:1px solid #808080;
}

.CatTable
{
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-bottom:1px solid #cccccc;
	width:100%;
}

.CatTable tr.alt
{
	background-color:#F4F4F4;
}

.CatTable tr.alt td.image
{
	background-color:#fff;
}

.CatTable tr.last
{
	border-bottom:1px solid #cccccc;
}

.CatTable th
{
	padding:5px;
	padding-left:7px;
	font: bold .8em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	border-right:1px solid #fff;
	background-color:#EFF7FA;
}

.CatTable .last
{
	border-right:none;
}

.CatTable .total td
{
	border:none;
}

.CatTable .TotalLabel
{
	text-align:right;
}

.CatTable .TotalPrice
{
	text-align:right;
}

.CatTable td
{
	padding:5px;
	padding-left:7px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#333333;
	border-right:1px solid #D8D8D8;
}

.CatTable td.image, .CatTable td.quantity
{
	text-align:center;
}

.CatTable a
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#333333;
	text-decoration:none;
}

.CatTable a:hover
{
	color:#00488B;
}

.GreyHeader td
{
	padding:5px;
	background-color:#CCCCCC;
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}

td.GreyHeaderText
{
	font: bold .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#808080;
	border-right:none;
}

td.note
{
	font: .6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#808080;
	border-right:none;
	text-align:right;
}

/* Catalogue Popup */

#popupContainer
{
	background:#3399CC;
	text-align: left;
}

#popupHeader
{
	
	padding:20px 5px 2px 20px;
	margin:0 320px 0 0;
	border-right:1px solid #fff;
	background:#3399CC;
}

#popupHeader h2
{
	padding:0;
	margin:0;
	font: 1.3em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	letter-spacing:1px;
}

#popupContentLeft
{
	padding:15px 15px 15px 45px;
	text-align:center;
	float:left;
}

#popupContentRight
{
	padding:20px;
	border-left:1px dashed #999999;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
	float:left;
}

#popupContentRight table
{
	width:280px;
}

#popupContentRight td font
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

#popupContentRight font u
{
	text-decoration:none;
}

#popupContentRight font u b
{
	padding:0;
	margin:0;
	font: bold 1.1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#00488B;
	text-decoration:none;
}

#popupContentRight td b
{
	font: bold 1.1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

.popupEmail, .popupPrint, .popupClose
{
	padding:5px;
	padding-left:20px;
	border-right:1px solid #fff;
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	text-decoration:none;
}

.popupEmail
{
	background: #3399CC url(../images/i_envelope_blue.gif) 5px 7px no-repeat;
}

.popupPrint
{
	background: #3399CC url(../images/i_printer_blue.gif) 5px 7px no-repeat;
}

.popupClose
{
	background: #3399CC url(../images/i_close_blue.gif) 7px 9px no-repeat;
}

/* Self Service */

#NavCatContainer
{
	background:url(../images/bg_selfservice_info.gif);
}

#MainSelfService
{
	background: url(../images/i_selfservicebg.gif);
	border-top:1px dashed #CED7DC;
	clear:both;
}

#CatCustDetails, #CatAccDetails, #CatDelDetails
{
	padding:8px 5px 7px 15px;
	border-right:1px solid #fff;
	font: .7em Verdana, Arial,Helvetica,Sans-Serif;
	color:#666867;
	float:left;
}

#CatCustDetails h3, #CatAccDetails h3, #CatDelDetails h3
{
	padding:0 15px;
	margin:0;
	background: url(../images/a_blueright.gif) 5px 4px no-repeat;
	font: bold 1em Verdana, Arial,Helvetica,Sans-Serif;
	color:#3499CD;
}

#CatCustDetails p, #CatAccDetails p, #CatDelDetails p
{
	padding-left:15px;
}

#CatCustDetails
{
	width:173px;
	background:#DEEFF7
}

#CatAccDetails
{
	width:150px;
	background:#EFF7FA
}

#CatDelDetails
{
	width:180px;
	border-right:none;
	background:#F8FCFD
}

#SelfSeviceLeft
{
	width:218px;
	background:#6AB6DA;
	float:left;
}

#Ordering, #MyAccount, #Toolkit
{
	border-bottom:1px solid #B1D8EB;
	margin: 0;
	padding: 0;
	list-style: none;
}

#SelfSeviceLeft a
{
	padding:5px;
	margin-left:30px;
	display:block;
	background: url(../images/a_whiteright_small.gif) 170px 10px no-repeat;
	font: bold .6em Verdana,Arial,Helvetica,Sans-Serif;
	color:#fff;
	text-decoration:none;
}

#SelfSeviceLeft a:hover, #SelfSeviceLeft a.On
{
	background: #3398CC url(../images/a_whiteright_small.gif) 170px 10px no-repeat;
}

#Toolkit a
{
	font: .6em Verdana,Arial,Helvetica,Sans-Serif;
}

#Ordering
{
	background: url(../images/i_orderingbg.gif) 10px 7px no-repeat;
}

#MyAccount
{
	background: url(../images/i_myaccountbg.gif) 10px 8px no-repeat;
}

#Toolkit
{
	border-bottom:none;
	background: url(../images/i_toolkitbg.gif) 10px 6px no-repeat;
}

.SelfServiceLast
{
	padding-bottom:15px;
}

#SelfSeviceRight
{
	width:563px;
	float:left;
}

#SelfSeviceRight form
{
	padding:0;
	margin:0;
}

#SelfSeviceContentLeft
{
	padding:20px 20px 20px 20px;
	width:325px;
	font: .6em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
	float:left;
}

#SelfSeviceContentLeft h2
{
	margin:0;
	padding:0;
	padding-bottom:10px;
	font: 1.9em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	letter-spacing:2px;
}

#SelfSeviceContentLeft h3
{
	margin:0;
	padding:0;
	padding-bottom:15px;
	font: bold 1.1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
}

#SelfSeviceContentLeft input, #SelfSeviceContentLeft select, #SelfSeviceContentLeft textarea
{
	border:1px solid #7F9DB9;
	font: 1.1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
}

#SelfSeviceContentLeft a
{
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

#SelfSeviceContentLeft a:hover
{
	text-decoration:none;
}

#SelfSeviceContentRight
{
	padding:20px 20px 20px 20px;
	width:157px;
	background:#F9F9F9;
	font: .6em Verdana,Arial,Helvetica,Sans-Serif;
	color:#999999;
	float:left;
}

#SelfSeviceContentRight h3
{
	margin:0;
	padding:0;
	padding-bottom:15px;
	font: bold 1.2em Verdana,Arial,Helvetica,Sans-Serif;
	color:#B2B2B2;
	letter-spacing:1px;
}

#SelfSeviceContentRight img
{
	padding:1px;
	border:1px solid #B7B7B7;
}

#SelfSeviceContentRight img.NoStyle
{
	padding:1px;
	border:none;
}

#SelfSeviceContentRight a
{
	font: bold 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#999999;
	text-decoration:none;
}

.SelfServiceRow
{
	clear:both;
}

.SelfServiceLabel
{
	width:150px;
	float:left;
}

.SelfServiceWidget
{
	float:left;
}

.SelfServiceContactForm
{
	padding-top:25px;
}

.SelfServiceContactRow
{
	width:100%;
	padding-bottom:10px;
	clear:both;

}

.SelfServiceContactLabel
{
	width:100px;
	text-align:right;
	float:left;
}

.SelfServiceContactWidget
{	
	width:200px;
	text-align:left;
	float:right;
}

.NoteCatSelfService
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

.NoteCatSelfService a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

.NoteCatSelfService a:hover
{
	color:#00488B;
}

/* Self Service Catalogue */

#MainSelfServiceCatalogue
{
	background: url(../images/i_selfservicebg2.gif);
	border-top:1px dashed #CED7DC;
	clear:both;
}

#SelfSeviceThankyouRight
{
	padding:20px 20px 20px 20px;
	width:525px;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
	float:left;
}

#SelfSeviceThankyouRight h3
{
	margin:0;
	padding:0;
	font: bold .7em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
}

.EnclosedTable
{
	border:1px solid #cccccc;
}

/* Products Landing */


#ProductsLandingContainer
{
	border-right:1px solid #fff;
	font: .7em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
}

#ProductsLandingHeader
{
	padding:20px;
	border-bottom:1px dashed #E1E1E1;
}

#ProductsLandingContainer h2
{
	padding:0;
	margin:0;
	font: 1.6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#ProductsLandingContainer a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

#ProductsLandingContainer a:hover
{
	text-decoration:none;
}

#ProductsLandingContainer table
{
	margin:0;
	padding:0;
	border-collapse: collapse;
	width:100%;
}

#ProductsLandingContainer tr.alt
{
	background:#F9F9F9;
}

#ProductsLandingContainer td
{
	padding:15px;
	font: .9em Arial,Verdana,Helvetica,Sans-Serif;
	color:#888888;
}

#ProductsLandingContainer td h2
{
	padding:0;
	margin:0;
	padding-bottom:5px;
	font: bold 1.2em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#ProductsLandingContainer td.product img
{
	border:1px solid #DFDFDF;
}

#ProductsLandingContainer td.content
{
	vertical-align:top;
	font: 10px Arial,Verdana,Helvetica,Sans-Serif;
	
}

#ProductsLandingContainer td.PricesButton
{
	vertical-align:bottom;
}

/* News */

.NewsNote
{
	color:#666666;
}

.NewsNote a
{
	color:#666666;
	text-decoration:none;
}

.NewsNote a:hover
{
	color:#999999;
}

#NewsContainer
{
	margin:20px 30px 20px 20px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#NewsContainer h2
{
	padding:0;
	margin:0;
	font: 1.6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}


.NewsItem
{
	padding:15px 5px 15px 0;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#666666;
	width:524px;
}

.NewsItem img
{
	padding:1px;
	border:1px solid #72A2B9;
}

.NewsItem h1
{
	margin:0;
	padding:0;
	font: bold 1.3em Verdana,Arial,Helvetica,Sans-Serif;
	color:#00488B;
}

.NewsItem h3
{
	margin:0;
	padding:0;
	padding:0 0 5px 0;
	font: bold 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#00488B;
}

.NewsItem h4
{
	margin:0;
	padding:0;
	padding-bottom:5px;
	font: bold 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
}

.NewsItem a
{
	font: bold 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#00488B;
	text-decoration:none;
}

.NewsItem a.back
{
	font: bold 1em Verdana,Arial,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

.NewsItem a:hover
{
	color:#257195;
}

.NewsLeft
{
	width:185px;
	float:left;
}

.NewsRight
{
	width:300px;
	float:left;
}

/* Philosophy */

#PhilosophyContent
{
	padding:20px 20px 20px 245px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
	width:582px;
	float:left;
	voice-family: "\"}\"";
  	voice-family:inherit;
  	width:318px; 
}

#PhilosophyContent h2
{
	margin:0;
	padding:0;
	font: 1.6em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#PhilosophyContent a
{
	color:#3399CC;
	text-decoration:none;
}

#PhilosophyContent a:hover
{
	color:#00488B;
	text-decoration:none;
}

/* Newsletter */

#NewsletterLeft
{
	padding:25px 5px 5px 20px;
	width:144px;
	float:left;
}

#NewsletterLeft img
{
	padding:1px;
	border:1px solid #3399CC;
}

#NewsletterRight
{
	padding:25px 5px 5px 15px;
	width:300px;
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
	line-height:25px;
	float:left;
}

#NewsletterRight h3
{
	margin:0;
	padding:0;
	font: bold 1.2em Arial,Verdana,Helvetica,Sans-Serif;
	color:#00488B;
}

#NewsletterRight a
{
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
	text-decoration:none;
}

#NewsletterRight a:hover
{
	text-decoration:none;
}

/* Customer Details */

.CustomerDetailForm, .CustomerDetailFormAlt
{
	padding:0;
	font: .7em Verdana,Arial,Helvetica,Sans-Serif;
}

.CustomerDetailForm a, .CustomerDetailFormAlt a
{
	color:#3399CC;
	text-decoration:none;
}

.CustomerDetailForm a:hover, .CustomerDetailFormAlt a:hover
{
	color:#00488B;
}

.CustomerDetailFormAlt
 {
 	background:#f4f4f4;
 }

.CustomerDetailForm input, select, textarea
{
	border:1px solid #666666;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
}

.CustomerDetailRow
{
	width:100%;
	padding-bottom:10px;
	clear:both;
}

.CustomerDetailLabel
{
	width:47%;
	text-align:right;
	float:left;
}

.CustomerDetailWidget
{	
	width:50%;
	text-align:left;
	float:right;
}

.CustomerDetailLabel1
{
	width:47%;
	text-align:right;
	float:left;
}

.CustomerDetailWidget1
{	
	width:63px !important;
	width:74px;
	text-align:right;
	float:left;
}

.CustomerDetailLabel2
{
	width:38px;
	text-align:right;
	float:left;
}

.CustomerDetailWidget2
{	
	width:42px !important;
	width:55px;
	text-align:right;
	float:left;
}

.CustomerDetailLabel3
{
	width:38px;
	text-align:right;
	float:left;
}

.CustomerDetailWidget3
{	
	width:42px !important;
	width:55px;
	text-align:right;
	float:left;
}

.CustomerDetailBreak
{
	width:100%;
	padding:10px 0 15px 0;
	text-align:center;
	clear:both;
}

.CustomerDetailNote
{
	margin:0 auto;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	width:500px;
}

/* Warranty Popup */

#warrantyContainer
{
	text-align: left;
}

#warrantyHeader
{
	padding:20px 5px 20px 20px;
	background:#3399CC;
}

#warrantyHeader h2
{
	padding:0;
	margin:0;
	font: 1.3em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	letter-spacing:1px;
}

#warrantyContent
{
	width:470px;
	font: .8em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

/* Customer  */ 

.Note
{
	font: .9em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

/* Payment */

.PaymentForm
{
	padding:0 0 0 15px;
	font: .7em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

.PaymentRow
{
	width:100%;
	padding-bottom:10px;
	clear:both;
}

.PaymentLabel
{
	width:15%;
	text-align:right;
	float:left;
}

.PaymentWidget
{	
	width:80%;
	text-align:left;
	float:right;
}

/* Password */

#PasswordContainer
{
	text-align: left;
}

#PasswordHeader
{
	padding:20px 5px 20px 20px;
	background:#3399CC;
}

#PasswordHeader h2
{
	padding:0;
	margin:0;
	font: 1.3em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	letter-spacing:1px;
}

#PasswordContent
{
	padding:5px 0 0 20px;
	width:470px;
	font: .8em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

.PasswordForm
{
	padding:10px 0 0 15px;
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

.PasswordRow
{
	width:100%;
	padding-bottom:10px;
	clear:both;
}

.PasswordLabel
{
	width:40%;
	text-align:right;
	float:left;
}

.PasswordWidget
{	
	width:55%;
	text-align:left;
	float:right;
}

.PasswordForm input, .PasswordForm select  
{
	font: .8em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

/* Subscripton */

.SubscriptionForm
{
	padding:25px 0 0 0;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
}

.SubscriptionForm a
{
	color:#3399CC;
	text-decoration:none;
}

.SubscriptionForm a:hover
{
	color:#00488B;
}

.SubscriptionForm input, select, textarea
{
	border:1px solid #666666;
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
}

.SubscriptionRow
{
	width:100%;
	padding-bottom:10px;
	clear:both;
}

.SubscriptionLabel
{
	width:47%;
	text-align:right;
	float:left;
}

.SubscriptionWidget
{	
	width:50%;
	text-align:left;
	float:right;
}

/* Navs */

#TopNavContainer
{
	border-left:1px solid #296197;
	border-top:1px solid #296197;
	float:left;
}

#TopNav
{
	padding: 0;
  	margin: 0;
	height:51px;
	border-bottom:1px solid #296197;
	list-style: none;
	background-image:url(../images/base_nav.gif);
	background-repeat:no-repeat;
}

#TopNav li
{
	width:94px;
	display: inline;
	position: relative;
	float:left;
}

#TopNav li a.RollOver
{
	border-right:1px solid #296197;
	width:93px;
	display:block;
	padding: 51px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:51px; /* for IE5/Win only */
}

#TopNav li a.aboutus
{
	background: url(../images/b_aboutus.gif) 0 0 no-repeat;
}

#TopNav li#products a
{
	background: url(../images/b_products.gif) 0 0 no-repeat;
}

#TopNav li a.promotions
{
	background: url(../images/b_promotions.gif) 0 0 no-repeat;
}

#TopNav li a.ordering
{
	background: url(../images/b_ordering.gif) 0 0 no-repeat;
}

#TopNav li a.hotnews
{
	background: url(../images/b_hotnews.gif) 0 0 no-repeat;
}

#TopNav li a.contactus
{
	background: url(../images/b_contactus.gif) 0 0 no-repeat;
	border-right:none;
}
#TopNav ul li a span{ display:none;}
#TopNav li ul
{
 	display: none;
}

#TopNav li a:hover
{
	background-position: 0 -51px;
}

#TopNav li ul
{
	padding: 0;
  	margin: 0;
	margin-top:0 !important;
	margin-top:35px;
	width:92px;
	background:#00488B;
  	list-style: none;
  	display: none;
  	position: absolute; 
  	top: 1em;
  	left: 0;
	border:none;
	border-left:1px solid #296197;
	border-right:1px solid #296197;
}

#TopNav li ul li
{
	width:92px;
	border:none;
	border-bottom:1px solid #296197;
}

#TopNav li ul li.first
{
	border-top:1px solid #296197;
}

#TopNav li ul li.last
{
	border-bottom:1px solid #296197;
}

#TopNav li ul li a
{
	font: bold .55em Verdana,Arial,Helvetica,Sans-Serif;
}

#TopNav li ul li a
{
	border:none;
	padding:5px 5px 5px 16px;
	display:block;
	color:#fff;
	text-decoration:none;
	width:100%;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:71px;
}

html > body #TopNav li ul li a 
{
	width: 71px;
}

#TopNav li ul li a:hover
{
	color:#00488B;
	background-color: #3399CC;
	/*padding:5px 20px 5px 16px;
	width:90px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:71px;*/
}

#TopNav li > ul 
{
	top: auto;
	left: auto;
}

#TopNav li:hover ul, #TopNav li.over ul
{ 
	z-index:99;
	display: block; 
}

a.PostCode:hover
{
	background-position: 0 -48px;
}

#BottomNavContainerNF
{
	clear:both;
	background: url(../images/i_footerbg_neverfail.gif) 0 0 no-repeat;
	height:94px;
	width:784px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	width:784px;
}

html>body #BottomNavContainerNF
{
  width:784px;
} 

#home #BottomNavContainerNF {
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}



#BottomNavContainerPIC
{
	clear:both;
	background: url(../images/i_footerbg_pdilly.gif) 0 0 no-repeat;
	height:94px;
	width:784px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	width:784px;
}

html>body #BottomNavContainerPIC
{
  width:784px;
} 

#BottomNav
{
	padding: 16px 0 0 210px !important;
	padding: 16px 0 0 210px;
	margin: 0;
	list-style: none;
}

#BottomNav li
{
	display: inline;
	margin: 0;
	padding:0;
	padding-left: 5px;
	padding-right: 5px;
	color:#3CA5D9;
	border-right:1px solid #3CA5D9;
	font: .5em Verdana,Arial,Helvetica,Sans-Serif;
}

#BottomNav li.last
{
	border-right:none;
}

#BottomNav a
{
	font: 1.2em Verdana,Arial,Helvetica,Sans-Serif;
	color:#B8DBED;
	text-decoration:none;
}

#BottomNav a:hover
{
	color:#00488B;
}

#Footer
{
	padding:10px;
	font: .7em Verdana,Arial,Helvetica,Sans-Serif;
	color:#CCCCCC;
	text-align:center;
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

/* Rollovers */

a.CancelDelivery
{
	width:124px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_canceldel.gif) 0 0 no-repeat;
}

a.CancelDelivery:hover
{
	background-position: 0 -17px;
}

a.Calculator
{
	width:146px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_calculator.gif) 0 0 no-repeat;
}

a.Calculator:hover
{
	background-position: 0 -17px;
}

a.Calculate
{
	width:126px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_calculateusage.gif) 0 0 no-repeat;
}

a.Calculate:hover
{
	background-position: 0 -17px;
}

a.Back
{
	width:52px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_back.gif) 0 0 no-repeat;
}

a.Back:hover
{
	background-position: 0 -17px;
}

a.Order
{
	width:61px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_order.gif) 0 0 no-repeat;
}

a.Order:hover
{
	background-position: 0 -17px;
}

a.FaxToMe
{
	width:80px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_faxtome.gif) 0 0 no-repeat;
}

a.FaxToMe:hover
{
	background-position: 0 -17px;
}

a.RevisePayment
{
	width:173px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_revisepayment.gif) 0 0 no-repeat;
}

a.RevisePayment:hover
{
	background-position: 0 -17px;
}

a.Cancel
{
	width:63px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_cancel.gif) 0 0 no-repeat;
}

a.Cancel:hover
{
	background-position: 0 -17px;
}

a.Confirm
{
	width:73px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_confirm.gif) 0 0 no-repeat;
}

a.Confirm:hover
{
	background-position: 0 -17px;
}

a.Close
{
	width:55px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_close.gif) 0 0 no-repeat;
}

a.Close:hover
{
	background-position: 0 -17px;
}

a.Print
{
	width:57px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_print.gif) 0 0 no-repeat;
}

a.Print:hover
{
	background-position: 0 -17px;
}

a.Submit
{
	width:63px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_submit.gif) 0 0 no-repeat;
}

a.Submit:hover
{
	background-position: 0 -17px;
}

a.Exit
{
	width:47px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_exit.gif) 0 0 no-repeat;
}

a.Exit:hover
{
	background-position: 0 -17px;
}

a.No
{
	width:56px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_no.gif) 0 0 no-repeat;
}

a.No:hover
{
	background-position: 0 -17px;
}

a.Yes
{
	width:56px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_yes.gif) 0 0 no-repeat;
}

a.Yes:hover
{
	background-position: 0 -17px;
}

a.Reset
{
	width:56px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_reset.gif) 0 0 no-repeat;
}

a.Reset:hover
{
	background-position: 0 -17px;
}

a.OrderNow
{
	width:92px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_ordernow.gif) 0 0 no-repeat;
}

a.OrderNow:hover
{
	background-position: 0 -17px;
}

a.Next
{
	width:48px;
	float:right;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_next.gif) 0 0 no-repeat;
}

a.Next:hover
{
	background-position: 0 -17px;
}

a.Go
{
	width:34px;
	float:right;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_go_simple.gif) 0 0 no-repeat;
}

a.Go:hover
{
	background-position: 0 -17px;
}

a.Iaccept
{
	width:73px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_iaccept.gif) 0 0 no-repeat;
}

a.Iaccept:hover
{
	background-position: 0 -17px;
}

a.Proceed
{
	width:73px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_proceed.gif) 0 0 no-repeat;
}

a.Proceed:hover
{
	background-position: 0 -17px;
}

a.Revise
{
	width:107px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_revise.gif) 0 0 no-repeat;
}

a.Revise:hover
{
	background-position: 0 -17px;
}

a.Check
{
	width:56px;
	display:block;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_check.gif) 0 0 no-repeat;
}

a.Check:hover
{
	background-position: 0 -17px;
}

a.Prices
{
	width:140px;
	float:right;
	padding: 17px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:17px; /* for IE5/Win only */
	background: url(../images/b_prices.gif) 0 0 no-repeat;
}

a.Prices:hover
{
	background-position: 0 -17px;
}

#NavCat
{
	z-index:1 !important;
	z-index:-1;
	position:relative !important;
	position:absolute;
	margin:0;
	padding:0;
}

#NavCat li
{
	width:93px;
	float:left;
	border-right:1px solid #fff;
	display:block;
	padding: 51px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:51px; /* for IE5/Win only */
}

#NavCat li.CatButtonLast
{
	border-right:none;
}

#NavCat li.PostCode
{
	background: url(../images/b_postcode.gif) 0 0 no-repeat;
}

#NavCat li.Suburb
{
	background: url(../images/b_suburb.gif) 0 0 no-repeat;
}

#NavCat li.Catalogue
{
	background: url(../images/b_catalogue.gif) 0 0 no-repeat;
}

#NavCat li.OrderForm
{
	background: url(../images/b_orderform.gif) 0 0 no-repeat;
}

#NavCat li.Delivery
{
	background: url(../images/b_delivery.gif) 0 0 no-repeat;
}

#NavCat li.Payment
{
	width:93px;
	background: url(../images/b_payment.gif) 0 0 no-repeat;
}

#NavCat li.On
{
	background-position: 0 -51px;
}

/* Global Styles */

p
{
	margin:0;
	padding:0;
	padding-top:5px;
	padding-bottom:5px;
}

/* Misc Classes */

.JSError
{
	display:none;
	color:#D27019;
}

.Row
{
	padding:5px 0 5px 0;
	clear:both;
}

.Label
{
	width:60px;
	text-align:right;
	float:left;
}

.Widget
{
	width:105px;
	text-align:left;
	float:right;
}

.RowLast
{
	padding:10px 0 5px 0;
	clear:both;
}

.FormContainer
{
	width:200px;
	padding:20px 0 20px 0;
	font: bold 1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;
}

.FormContainer input
{
	font: 1em Verdana,Arial,Helvetica,Sans-Serif;
	border:1px solid #3399CC;
}


.orange
{
	color:#D27019;
}

.red
{
	color:#cc0000;
}

.lightblue
{
	color:#3399CC;
}

.darkgrey
{
	color:#999999;
}

.darkblue
{
	color:#00488B;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

/* hacks and workarounds */
/* fix so Mozilla browsers allows content to fill container div */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#MediaSpecial
{
	position: absolute;
	top:175px;
	left:-39px;
}

#AboutSpecial
{
	position: absolute;
	top:175px;
	left:-87px;
}

#OurWaterSpecial1
{
	position: absolute;
	top:210px;
	left:-63px;
}

#OurWaterSpecial
{
	position: absolute;
	top:520px;
	left:110px;
}
#ServiceSpecial
{
	position: absolute;
	top:200px;
	left:-57px;
}
#EnvironmentSpecial
{
	position: absolute;
	top:170px;
	left:0px;
}
#CareerSpecial
{
	position: absolute;
	top:200px;
	left:0;
}
#PhilosophyContent h3
{
	margin:0;
	padding:0;
	font:1.1em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

.NewsRight p
{
	font: 1em Arial,Verdana,Helvetica,Sans-Serif;
}

/* Mac IE5 hack begin */
/* http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html */
/*#HomepageDynamic
{
	width:276px;
	height:284px;
	position: absolute;
	top:200px;
	left:-57px;
}
#HomepageDynamic
{
	position: absolute;
	top:125px!important;
	left:-49px;
	top:202px;
}
*/
#HomepageDynamic
{
	width:189px;
	height:297px;
	position: absolute;
	top:190px;
	left:-10px;
}
/* commented backslash hack v2 \*/
#HomepageDynamic
{
	position: absolute;
	top:175px!important;
	left:-49px;
	top:180px;
}


#popupSurveyContainer
{
	text-align: center;
}

#popupSurveyHeader
{	
	padding:20px 5px 2px 20px;
	background:#3399CC;
	text-align:left;
}

#popupSurveyHeader h2
{
	padding:0;
	margin:0;
	font: 1.3em Arial,Verdana,Helvetica,Sans-Serif;
	color:#fff;
	letter-spacing:1px;
}

#popupSurveyContent
{
	padding:20px;
	font: .8em Arial,Verdana,Helvetica,Sans-Serif;
	color:#3399CC;
}

#popupSurveyContainer table
{ 
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border:1px solid #E6F3F9;
}

#popupSurveyContainer table td
{ 
	padding:5px;
	font: .9em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;	
}

#popupSurveyContainer table tr.alt
{ 
	background-color:#E6F3F9;
}

#popupSurveyContainer textarea
{ 
	border:1px solid #7F9DB9;
}

#popupSurveyContainer input
{ 
	font: .9em Arial,Verdana,Helvetica,Sans-Serif;
	color:#666666;	
}

#popupSurveyContainer p
{ 
	line-height:25px;
}




/* NEW HOMEPAGE
----------------------------------------------------------- */

#home-content {
	font-family: verdana;
	padding-top: 13px;
}

#home-main-col {
	width:570px;
	float:left;
}

#home-main {
	width:570px;
	height: 380px;
	overflow: hidden;
}

/* intro */
#home-intro {
	padding: 25px 0 50px 0;
}

#home-intro h2 {
	color: #00488b;
	font-size: 15px;
}

#home-intro h2 span {
	display: block;
	font-weight: normal;
}

#home-intro p {
	color: #000;
	font-size: 10px;
	line-height: 18px;
}

#home-intro p a {
	background: url("../images/bg/arrow.gif") 0 6px no-repeat;
	color: #004988;
	float: right;
	font-weight: bold;
	margin: -17px 0 0 0;
	padding: 0 0 0 12px;
	text-decoration: none;
}



#home-side-col {
	width:200px;
	float:right;
}

#flash-side {
	width: 200px;
	height: 222px;
	overflow: hidden;
}

.panel {
	margin: 0 0 14px 0;
}

.panel h2 {
	margin: 0;
}

.panel-login {
	background: #cee7ff url("../images/bg/panel-login.gif") left bottom no-repeat;
	color: #00488b;
	font-size: 10px;
	padding: 0 0 6px 0;
}

.panel-login h2 {
	margin: 0 0 12px 0;
}

.panel-login p {
	margin: 0;
	padding: 0 12px;
}

.panel-login p input {
	width: 169px;
}

.panel-login p.button {
	height: 25px;
	margin: 6px 0;
}

.panel-login p.button .btn {
	float: right;
}

.panel-login p.link {
	margin: 0;
	text-align: right;
}

.panel-login p.link a {
	color: #00488b;
	font-weight: bold;
	text-decoration: none;
}


.side-banner {
	height: 125px;
	position: relative;
	overflow: hidden;
}



.title span {display: none;}

.title-ourservices {
	background: transparent url("../images/titles/ourservices.gif") 0 0 no-repeat;
	display: block;
	width: 200px;
	height: 26px;
}

.title-customerlogin {
	background: transparent url("../images/titles/customerlogin.gif") 0 0 no-repeat;
	display: block;
	width: 200px;
	height: 23px;
}



/* Clearfix hack */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
.clearfix {display:block;}
* html .clearfix {height:1px;}




/* Buttons
----------------------------------------------------------- */

/* default class for all buttons */
.btn {display:block;overflow:hidden;padding:0;}
.btn a {display:block;overflow:hidden;text-indent:-12345px;}

/* buttons images + dimensions */
.btn-login,.btn-login a{background:url("../images/buttons/login.gif");width:97px;height:25px;}
.btn-login a:hover{background-position:0 -25px;}

.btn-search,.btn-search a{background:url("../images/buttons/search.gif");width:97px;height:25px;}
.btn-search a:hover{background-position:0 -25px;}

.btn-more,.btn-more a{background:url("../images/buttons/more.gif");width:97px;height:25px;}
.btn-more a:hover{background-position:0 -25px;}

/* Search Results
----------------------------------------------------------- */

/* summary  */
#results-summary {
	background: #ededed;
	font-size: 12px;
	margin: 2px 0 0 0;
	padding: 12px 25px 21px 25px;
	position: relative;
}

#results-summary h2 {
	margin: 0 0 0.5em 0;
}

#results-summary p {
	margin: 0;
}

#results-summary p.filter {
	position: absolute;
	left: 25px;
	bottom: 21px;
}
#results-summary p.filter select {width:65px;margin-left:10px;}

#results-summary p.sort {
	position: absolute;
	right: 64px;
	bottom: 21px;
}
#results-summary p.sort select {width:125px;margin-left:10px;}


/* listing  */
#result-listing {
	background: #fff;
	font-size: 12px;
}

#result-listing .result {
	border-bottom: 1px solid #dedede;
	padding: 21px 25px;
}

#result-listing .result h3 {
	font-size: 1.273em; /*14px*/
	margin: 0;
}

#result-listing .result .info {
	color: #b0b0b0;
	font-size: 0.909em; /*9px*/
	height: 1em;
	line-height: 1em;
	margin: 1em 0;
}

#result-listing .result .info p {
	float: left;
	margin: 0;
	width: 170px;
}

#result-listing .result .info p strong {
	color: #7a7a7a;
}

.relevence strong {
	float: left;
}

.relevence span {
	background: url("../images/bg/relevence-stars.gif");
	float: left;
	margin: 0 0 0 10px;
	width: 76px;
	height: 11px;
	overflow: hidden;
}

.relevence span em {
	background: url("../images/bg/relevence-stars.gif") 0 -11px;
	display: block;
	height: 11px;
	text-indent: -12345px;
}

#result-listing .result .summary {
	margin: 1em 0 0 0;
}

#result-listing .result .link {
	height: 1em;
	margin: 0;
}

#result-listing .result .link a {
	background: url("../images/bg/arrow-grey.gif") 0 50% no-repeat;
	color: #0053a0;
	float: right;
	padding: 0 0 0 24px;
}

#result-listing .result .link a:hover {
	color: #ed1c24;
}

.rating-stars {
	background: url("../images/bg/rating-stars.gif");
	display: block;
	float: left;
	height: 11px;
	width: 76px;
	overflow: hidden;
	margin-top: 3px;
}

.rating-stars em {
	background: url("../images/bg/rating-stars.gif") 0 -11px;
	display: block;
	height: 11px;
	overflow: hidden;
	text-indent: -12345px;
}

/* paging */
#paging {
	background: #dedede;
	font-size: 12px; /*10px*/
	line-height: 16px; /*11px*/
	height: 20px;
	padding: 15px 20px; /*8px*/
	position: relative;
}

#paging #prev-next {
	position: absolute;
	top: 15px;
	right: 20px;
}