﻿
		/* water COLOR
		===============
		1. Type
		2. Links
		3. XHTML Components
		4. Bespoke Components
		*/

		/* 1.'Type
		======= */

		#us-main h1, #us-main h2, #us-header h2	{ color:#3FA9B2; }
		#us-main #us-content h1	{ border-bottom-color:#3FA9B2; }

		#us-main h3		{ color:#317986; background-color:#B3DDE0; }
		
		#us-main p, #us-main label, #us-main ol, #us-main ul, #nav-cobrand ul	{ color:#317986; }

		#us-main h4	{ color:#317986; }
		#us-main h6 { color:#317986; }

		/* + + + + + + + + + + + + + + + + + */

		/* 2.'Links
		======== */

		/* Links */

		#us-main a:link, #us-more a:link,
		#us-main a:visited, #us-more a:visited		{ color:#317986; }

		#us-main #us-content input.fauxlink, body.us-popup input.fauxlink		{ color:#317986; border-bottom-color:#317986; }

		/* Nav */
		#us-nav h4		{ background-color:#3FA9B2; }

		.us-bg		{ background-color:#3FA9B2 !important; }
		.us-border		{ border-color:#3FA9B2 !important; }
		.us-bg-light		{background-color:#E3F3F4 !important; }
		.us-border-light		{ border-color:#E3F3F4 !important; }
		
		/* Channel Nav */
		#us-nav #channel-nav .item-selected a, #us-nav #channel-nav .item-selected a:visited
		{ color:#317986; }

		#us-nav #channel-nav .item-expanded a { background-image:url(/webresources/images/list-marker/arrowdown-water.gif);}

		/* Site Nav */
		#us-nav #site-nav .channel-selected	{ background-color:#3FA9B2; }
		#us-nav #channel-nav li	a	{ background-image:url(/webresources/images/list-marker/arrow-water.gif); }

		body div#us-nav ul#site-nav li ul#channel-nav li a:hover { background:#E3F3F4 !important; color:#317986 !important;  }/* PC 11/10/06 */
		/* commented this out for #8737 body div#us-nav ul#site-nav li ul#channel-nav li a:hover:visited   */

		body div#us-nav ul#site-nav li ul#channel-nav ul li.item-selected a { font-weight:lighter; color:#3FA9B2 !important;background-image: url(/webresources/Images/list-marker/square-water.gif) !important;}
		body div#us-nav ul#site-nav li ul#channel-nav ul li.item-selected a:hover { color:#3FA9B2 !important; background:#E3F3F4 url(/webresources/Images/list-marker/square-water.gif) no-repeat 15px 8px !important;}

		#us-main .us-tabs input.fauxlink			    { color:#317986 !important; }
		#us-main .us-tabs input.fauxlink:hover		{ color:#317986 !important; border-bottom:1px solid #317986 !important; }
   
    body div#us-nav ul#site-nav li ul#channel-nav  li ul li a:hover
    { background:#E3F3F4 !important; color:#317986 !important;  }

    body div#us-nav ul#site-nav li ul#channel-nav  li ul li a:hover:visited
    { color:#317986 !important;  }
    
    #us-nav #channel-nav .item-selected a:hover, #us-nav #channel-nav .item-selected a:visited:hover
    { background:#fff; color:#317986   }

		#us-main  .us-tableoutput a.customer-satisfaction { background:#3FA9B2 !important; }
		#us-main  .us-tableoutput a:hover.customer-satisfaction  { background:#B3DDE0 !important; color:#317986 !important }

		#us-main  .us-tableoutput tbody th, .us-tableoutput td
		{ border-bottom:1px solid #3FA9B2; }

		/* + + + + + + + + + + + + + + + + + */

		/* 3.'XHTML Components
		=================== */

		/* Tables */
		#us-main thead th		{ background-color:#3FA9B2;  }
		#us-main tbody th, #us-main td	{ border-top-color:#3FA9B2; }
		#us-main tfoot td		{ border-top-color:#3FA9B2; }

		#us-main td.firstcol	{ border-left-color:#3FA9B2; }
		#us-main td.lastcol	{ border-right-color:#3FA9B2; }

		/* Results Table */
		#us-resultstable td.provider	{ border-right-color:#B3DDE0; }
		#us-resultstable thead th.cost-em, #us-main td.cost-em
		{ color:#317986; background-color:#E3F3F4; }

		/* Output table */
		#us-main #us-content .us-tableoutput tbody tr td { color:#317986; }
		#us-main #us-content .us-tableoutput .linkbar .comparebutton		{ color:#317986; }
		.us-tableoutput tbody th.firstcol, .us-tableoutput tfoot th.firstcol, .us-tableoutput td.firstcol
		{ border-left-color:#3FA9B2; }
		.us-tableoutput tfoot td.border	{ border: 0px; border-right:1px solid #317986; border-bottom:1px solid #317986; border-left:1px solid #317986; }
		.us-tableoutput td.us-tableSubHeader {background-color:#E3F3F4; color:#3FA9B2!important; font-weight:bolder; text-transform:uppercase}
		
		
		/* GS: reverts fg and bg */
.us-tableoutput .us-revert th { background:#fff !important ;border-top:1px solid #317986!important ;border-right:0px solid #317986!important ;border-left:0px solid #317986!important ;color:#317986 !important; }
.us-tableoutput .us-revert th.firstcol { text-align:left !important; border-top:1px solid #317986;border-right:1px solid #317986!important ;border-left:1px solid #317986!important ; }
.us-tableoutput .us-revert th.lastcol { border-top:1px solid #317986;border-right:1px solid #317986!important ;border-left:0px solid #317986!important ; }
		
		
         
		/* Output table sorted by column */
		#us-main #us-content .us-tableoutput .us-sortedby,
		#us-main #us-content .us-tableoutput .us-sortedby a:link,
		#us-main #us-content .us-tableoutput .us-sortedby a:visited,
		#us-main #us-content .us-tableoutput .us-sortedby a:hover	{ color:#317986; background-color:#E3F3F4; }

		#us-main caption { color:#317986; }

		#us-main fieldset, #us-main div.fulfilmentdouble-module div	{ background-color:#E3F3F4; }

		#us-main .ccj-table td			{ background-color:#E3F3F4; }

		/* Output Comparison Table
		----------------------- */
		.us-comparetable th.firstcol	{ color:#317986; border-right-color:#3FA9B2; }
		.us-comparetable tfoot th, .us-comparetable tfoot td	{  background-color:#E3F3F4; border-color:#3FA9B2; }

		.us-tableoutput.us-fulfiltable td, .us-tableoutput.us-fulfiltable tbody th
		{  color:#317986; }

		.us-tableinput td,
		.us-tableinput th, { background-color:#E3F3F4; }

		/* Add hock rules for back ground colour */
		#us-main #us-content .us-bglight { background-color:#E3F3F4; }
		#us-main #us-content .us-bgmid { background-color:#B3DDE0; }
		#us-main #us-content .us-bgmain { background-color:#3FA9B2; }
		#us-main #us-content .us-bgdark { background-color:#317986; }

		/* Fulfilment Confirm Table.

		------------------------ */
		#us-main table.us-confirmtable		{ background-color:#E3F3F4; }
		#us-main table.us-confirmtable td, #us-main table.us-confirmtable th { color:#317986; }
		
		#us-main .us-tablechannel thead th, #us-main .us-tablechannel thead td,
		#us-main .us-tablechannel tbody th, #us-main .us-tablechannel tbody td		{ background-color:#E3F3F4; color:#317986; }	

		/*'Fulfilment Summary
		------------------ */
		#us-main .summary-fulfilment		{ border-color:#3FA9B2; }
		#us-main .summary-fulfilment table th, .summary-fulfilment table td { color:#317986; }
		#us-main .summary-fulfilment h3	{ background-color:#3FA9B2;}
		#us-main #us-content .summary-fulfilment h4	{ color:#317986; background-color:#B3DDE0;}
		#us-main .summary-fulfilment h5	{ color:#317986; }
		#us-main .summary-fulfilment p.us-crucial	{ background-color:#3FA9B2; }
		#us-main .summary-fulfilment .hinfo a, #us-main .summary-fulfilment .hinfo a:visited { color:#317986; }
		
		

		/* Forms */
		#us-main  fieldset	{ background-color:#E3F3F4; }
		#us-main  fieldset.darker	{ background-color:#B3DDE0; }
		#us-main .us-readonly { color:#317986; }

		#us-main fieldset .input-row.lastcol { border-bottom: 3px solid #E3F3F4; }

		/* Customer Service */
		#us-main div.customerserv	{ border-color:#3FA9B2; }
		#us-main div.customerserv div	{ background-color:#3FA9B2; }
		
		#us-main div.customerserv2 div	{ background-color:#E3F3F4  !important; }
		#us-main div.customerserv2 div h3, #us-main div.customerserv2 div p { background:#E3F3F4; color:#317986 }
		#us-main div.customerserv2 div { color:#317986; }

		/* Pictorial Input */
		#us-main #pictorial div div	{ background-color:#E3F3F4; }

		#us-main ul.arrow li	{ background-image: url(../../Images/list-marker/arrow-water.gif); color:#317986; }

		/* + + + + + + + + + + + + + + + + + */

		/* 4.'Bespoke Components x
		===================== */

		/* Header */
		#us-header p, #us-milk-header p	{ color:#317986; }

		#us-header #header-bar	{ background-color:#3FA9B2; }

		#us-header a,#us-header a:link,#us-accredited a,#us-accredited a:link,#us-footer a,#us-footer a:link
		{ color:#317986; }

		#us-header a,
		#us-header a:link { color:#317986 !important; }

		#us-header h2 a, #us-header h2 a:visited { color:#3FA9B2; }

		/* Footer */
		#us-footer #footlinks	{ border-top-color:#3FA9B2; }
		#us-footer #footlinks p	{ color:#317986; }
		#us-footer #certified	{ border-bottom-color:#3FA9B2; }

		/* Hilite */
		#us-main .us-hilite	{ color:#3FA9B2; }

		/* Channel Panel */
		#us-main .us-panel	{ background-color:#E3F3F4; }
		#us-main .us-panel .us-supplier h4 ,
		#us-main  .directory-content h4
		{ background:url(/RepaintWebResources/Images/Channels/icons/progress-water.gif) no-repeat center left}
		/* popup heading  */
		body.us-popup #us-main div.popup-heading	{ border-bottom:3px solid #3FA9B2; }
		body.us-popup #us-main div.us-panel {  background:#E3F3F4 !important;  }

		/* Customer Services Box */
		#us-main .services-box	{ border-color:#3FA9B2; }
		#us-main .services-box div	{ background-color:#3FA9B2; }

		/* Linkbar colors */
		#us-main .linkbar img, 
		#us-main .linkbar-results img	{ background-color:#317986; }
		#us-main .linkbar-results p a, 
		#us-main #us-content span.linkbar a,
		#us-main #linkbar-bottom a, 
		#us-main #linkbar-bottom a:visited  { color:#317986; }
		#us-main #linkbar-bottom .us-hide
		{ color:#317986; }
		/*:INFO SB 7/11/6 consolidated linkbar rules from two parts of this sheet, made all linkbar elements dark as per #8770 */
		/* Intro block */
		#us-main .us-plan .us-plan-logo-outer  { border:1px solid #317986; }
		#us-main .us-plan .us-plan-title { border:1px solid #317986; color:#317986; }
		
		/* Channel coloured section title */
		#us-main .channel-colour { background-color:#E3F3F4; }
		#us-main .channel-colour .titletext p { color:#317986; }
		
		#us-main .us-overall-score .us-overall-score-head  { background:#B3DDE0; border:1px solid #317986; color:#317986;}
		#us-main .us-overall-score .us-overall-score-value { background:#E3F3F4; border:1px solid #317986; color:#317986;}

		/* Consumer guide */
		#us-main .us-specs h3 { background-color:  #3FA9B2; color:#fff }
		#us-main .us-specs h3 a,
		#us-main .us-specs h3 a:hover,
		#us-main .us-specs h3 a:link,
		#us-main .us-specs h3 a:visited {color:#fff !important}
		#us-main .us-specs td,
		#us-main .us-specs th { border:1px solid #317986; color:#317986 }
		#us-main .us-tabbar { background-color: #3FA9B2; }
		#us-main .us-tableconsumer  { border:1px solid #3FA9B2;  }
		#us-main .us-tableconsumer th ,
		#us-main .us-tableconsumer td { color:#317986 }
		#us-main .us-tableconsumer  td,
		#us-main .us-tableconsumer  th { border:1px solid #3FA9B2}

		#us-main .us-tableconsumer  thead th { background-color: #B3DDE0 ;color:#317986 }
		#us-main .us-tableconsumer .us-tableconsumer-sub tbody td { border:1px solid #317986; }
		#us-main .us-tableconsumer .selected { background:#B3DDE0; }
		#us-main .us-tableconsumer .header td { background:#B3DDE0; }
		#us-main .us-tableconsumer th.us-back a{ color:#317986 }
		#us-main h5.us-consumer { background-color: #B3DDE0;color:#317986; }
		#us-main .us-tableconsumer .us-tableconsumer-sub thead th { color:#317986; }
		#us-main .tablepictorial td {background-color:#E3F3F4;}
		/* Tabs */
		#us-main ul.us-tabs li { background-color:#B3DDE0; }
		#us-main ul.us-tabs li a,
		#us-main ul.us-tabs li a:link,
		#us-main ul.us-tabs li a:hover,
		#us-main ul.us-tabs li a:visited { color:#317986 !important;}
		#us-main ul.us-tabs h3 {  background-color:#3FA9B2 !important; color:#E3F3F4 !important; }

		#us-main #us-content .us-collapsible-section .us-collapsible-head { background-color:#317986;  }
		#us-main .us-collapsible-section .us-collapsible-head .us-clearfix,
		#us-main .us-collapsible-section .us-collapsible-head .us-buttons { background-color:transparent !important; }
		#us-main .us-collapsible-section .us-collapsible-head .us-expanded { background-color:#B3DDE0; }
	
	  /* :INFO SB 01/11/2006     took out !important for #8759*/
		#us-main table.us-tabletvpicker-head th { background-color:#317986 }
		#us-main table.us-tabletvpicker .us-sortedby,
		#us-main table.us-tabletvpicker .us-sortedby a:link,
		#us-main table.us-tabletvpicker .us-sortedby a:visited,
		#us-main table.us-tabletvpicker .us-sortedby a:hover	{ background-color:#E3F3F4; }

		/* Customer Services Box */
		#us-main .services-box	{ border-color:#3FA9B2; }
		#us-main .services-box div	{ background-color:#3FA9B2; }
		#us-main div.customerserv div	{ background-color:#3FA9B2;}
		#us-main div.customerserv 		{ border-color:#3FA9B2; }

		#us-main #pictorial	.us-clearfix div		{ background-color:#E3F3F4; }
		#us-main #us-pictorial .us-picture  {  background-color:#E3F3F4; }

    /* Popup */
    body.us-popup #us-main div	{ background-color:#E3F3F4; }
		body.us-popup #us-main h1	{ border-bottom-color:#3FA9B2; }
		body.us-popup #us-main h2, body.us-popup #us-main h3 { color:#317986 !important; background:#B3DDE0}
		body.us-popup #us-main h2	{ background-color:#B3DDE0; }

		/* Close pop-up window image
		Image is channel specific */
		div.popup-heading p a.us-closewindow	{ background-image:url(/RepaintWebresources/Images/Channels/Dingbats/close-water.gif);}

		/*channel colored us-box's, used for quick look in the channel directory */
		#us-nav .us-boxquicklook,
		#us-main .us-boxquicklook,
		#us-more .us-boxquicklook	{ background-color:#E3F3F4;}
		
		#us-main .us-panel a.arrow {padding-left:.5em;background: url(../../Images/list-marker/arrow-water.gif) 0 .45em no-repeat; display:block}
		#us-nav .us-boxquicklook h4,
		#us-main .us-boxquicklook h4,
		#us-more .us-boxquicklook h4
		{ color:#317986;}
		#us-nav .us-boxquicklook h3,
		#us-main .us-boxquicklook h3,
		#us-more .us-boxquicklook h3
		{ background-color:#B3DDE0; color:#317986; }	

		/* Direct Debit 2 col background color */
		#directdebit.dd-2col #dd-col-wrapper	{ background:#E3F3F4; }
		#us-main .refineheader { background:#E3F3F4; }

		/*Channel Directory content fixes */

		#us-main #us-content .directory-content h2,
		#us-main #us-content .directory-content .QuickLookTop	{ color:#317986 !important; background-color: #B3DDE0 !important; }

		#us-main #us-content .directory-content  p{background:#E3F3F4}
		#us-main #us-content .directory-content  ul{background:#E3F3F4}
		/* Terms and Conditions : defined in tandc.css */
		body.us-tandc { color: #3FA9B2; }

    /*Tab colors*/
    #us-main div.us-tab-bar { border-bottom-color:#3FA9B2 !important; }
    #us-main .us-tab-bar ul li, #us-main .us-tab-bar .us-tab .rtop b  { background-color:#E3F3F4 !important; }
  	#us-main .us-tab-bar li.us-tabselected, #us-main .us-tab-bar li.us-tabselected .rtop b { background-color:#3FA9B2 !important }

  	/*Panel colors*/
	  #us-main #us-content .us-panelitem { background-color:#E3F3F4; }

		/* Styles for the login and my account links (colours). GS */
		#us-header .myAccount a.fauxlink { background-color:#3FA9B2 !important; color:#fff !important; border-color: #3FA9B2 !important; }
		#us-header .myAccount a.fauxlink:hover { color:#3FA9B2 !important; background-color:#fff !important; }
		#us-header .myAccount #usHeaderLoggedIn div { color:#3FA9B2 }

		/* CAM boxed table layout. */
		#us-main .us-tableSearches tbody tr.lastrow td { border-bottom:1px solid #317986 !important;  }
		#us-main .us-tableSearches tbody tr.firstrow h3 { border-top:1px solid #317986 !important; border-right:1px solid #317986 !important; border-left:1px solid #317986 !important; }

		#us-main .us-tableSearches  tbody td.firstcol { border-left:1px solid #317986 !important; }
		#us-main .us-tableSearches  tbody td.lastcol { border-right:1px solid #317986 !important; }

		/*OutputTable Refiner*/
		#us-main #us-content .us-refine-container {border-top: 1px solid #317986; border-left: 1px solid #317986; border-right: 1px solid #317986;}
		#us-main #us-content .open .us-refine-header {border-bottom: 1px solid #317986;}
		#us-main #us-content .open .us-refine-header .us-refine-results {background-color:#E3F3F4!important;border-right: 1px solid #317986;}
		#us-main #us-content .us-refine-header .us-refine-results span.us-results { background-color: #fff; }
		#us-main #us-content div.open .us-refine-body {background-color:#E3F3F4!important; border-bottom: 1px solid #317986;}
		#us-main #us-content .us-refine-container .us-refine-body {border-bottom: 1px solid #317986;}
		#us-main #us-content .us-refine-container {background-color: #E3F3F4!important;}
		#us-main #us-content .open {background-color: #fff!important;}

		/*Cdg*/
		#us-main #us-content .us-calltoactionbox { background-color:#F0F7FB; border-color:#CCCCCC; }
		#us-main #us-content .us-calltoactionbox p { color:#000000; }

		#us-main #us-content .us-cgd-container { background-color:#B3DDE0; }
		#us-main #us-content .us-cgd-content { background-color:#ffffff; color:#000000; }
		#us-main #us-content .us-cgd-container h1 { background-color:#317986; color:#FFFFFF; }
		#us-main #us-content .us-cgd-content h2 { color:#000000; }
		#us-main #us-content .us-cgd-content h3 { color:#000000; background-color:Transparent; }
		#us-main #us-content .us-cgd-content p, #us-main #us-content .us-cgd-content ul li, #us-main #us-content .us-cgd-content dl dt, #us-main #us-content .us-cgd-content dl dd { color:#000000; }

		#us-main #us-content .us-cgd-content a { color:#2924FF }

		.us-2col-cgd #us-main div.us-tab-bar { border-bottom-color:#B3DDE0 !important; }
		.us-2col-cgd #us-main .us-tab-bar li.us-tabselected, .us-2col-cgd #us-main .us-tab-bar li.us-tabselected .rtop b { background-color:#B3DDE0 !important }
		.us-2col-cgd #us-main .us-tab-bar li a { color:#000000 !important; }
		.us-2col-cgd #us-main .us-tab-bar li.us-tabselected a { color:#FFFFFF !important; }

		#us-main #us-content .us-comparepanels .us-header { background-color: #317986; }
		#us-main #us-content .us-comparepanels .us-header h1 { background-color:#317986; color:#FFFFFF !important; }
		#us-main #us-content .us-comparepanels {  background-color:#B3DDE0; }
		#us-main #us-content .us-comparepanels-right, #us-main #us-content .us-comparepanels-left { background-color:#E3F3F4; }
		#us-main #us-content .us-comparepanels-right .us-header { background-color:#9D9D9D; }
		#us-main #us-content .us-comparepanels-right .us-header h1 { background-color:#9D9D9D; border-bottom-color: #9D9D9D; }
	
