body {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:small/18px;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	background: #cccccc url(../cch09/cssimg/bg.jpg) repeat-x;
	text-align:center;
	color: #474A51;
	}
	
/* font styling */

#contentarea p {
	line-height: 160%;
	margin: 10px 0px;
	}



td,th {
	font-size:70%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	}

p {
	font-size: 90%;
	}
	
table p {
	font-size: 150%;
	}	
	
table li {
	font-size: 150%;
	}
	
.labelbold {
font-size: 150%;
}	
	

table h4 {
	font-size:24px;
	}


h1, h2, h3, h4, h5 {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #114B7E;}



h1 {
	font-size: 150%;
	}
	
h2 {
	font-size: 130%;
	clear:both;
	}
	
h3 {
	font-size: 130%;
	}
	
h4 {
	font-size: 120%;
	}
	
h5 {
	font-size: 110%;
	}








.eyeclear { /* clears the eye catcher header txt. Needs class applied directly to editorial??? */
	clear: both;

	}

li {
	list-style-type: none;
	}

a {
	COLOR: #114B7E;
	TEXT-DECORATION: none;
	margin: 0px;
	padding: 0px;
	}
	
xa:visited {
	COLOR: #5091CD;
	}

xa:active {
	COLOR: #5091CD;
	}

a:hover {
	COLOR: #9a9a9c; TEXT-DECORATION: underline;
}

a img {
	border: none;
	}
	
	

	
.sitemap a{ /* makes site map li invisible */
	background-color:#99CC00;
	color:red;
	font-size:18px;
	display: none;
	}


.featuredsolutionlinks 
{
xwidth: 600px;
}



.featuredsolutionlinks ul
{
xmargin: 10px;
padding-left: 0;
margin-left: 0;
background-color: #036;
color: White;
float: left;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.featuredsolutionlinks ul li { display: inline;}

.featuredsolutionlinks ul li a
{
padding: 10px 10px 0 10px;
background-color: #036;
color: White;
text-decoration: none;
float: left;
width: 175px;
height: 50px;
text-align:center;
}

.featuredsolutionlinks ul li a:hover
{
background-color: #369;
color: #fff;
text-decoration:none;
}








/* site layout */

#documentcontainer {
	width:980px;
	margin: 0px auto;
	text-align: left;
	font-size: 95%;
	}
	
#widecontentcontainer {
	width:980px;
	overflow:hidden;
	background-image:url(../cch09/cssimg/container_bg.jpg);
	}


/* LPK homepage test 


#widecontentcontainernoimage {
	width:980px;
	overflow:hidden;
	background-repeat:no-repeat;
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	}
	
#widecontentcontainernoimage #contentareawide {
	width:700px;
	margin: 10px 0 10px 15px;
	display:inline;
	padding: 0px;
	}

#widecontentcontainernoimage #contentareawide img {
	border: solid 1px #cccccc;
	xbackground-color:efefef;
	xpadding: 5px;
	margin: 0 0 0 0px;
	}
	
#widecontentcontainernoimage p {
padding: 0px;
margin: 0px;
	}

#widecontentcontainernoimage #contentareawide .twoevencols {
width: 960px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col {
width: 220px;
margin: 25px 10px 10px 0px;
xborder-top: solid 5px #999999;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col li {
font-size:12px;
xbackground: url(../cch09/cssimg/home_boxes_arrow.gif) no-repeat 0 2px;
margin: 10px 0px;
padding: 0px;
xwidth: 200px;
}


#widecontentcontainernoimage #contentareawide .twoevencols .col li a:hover {
xbackground: url(../cch09/cssimg/home_boxes_arrow_hov.gif) no-repeat 0 2px;
margin: 10px 0px;
padding: 0 0 10 0px;
}


#widecontentcontainernoimage ul {
margin: 0px 20px;
padding: 0px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col h2 {
list-style-type:disc;
margin: 8px 0 0 10px;
color:#333333;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col h3 {
list-style-type:disc;
margin: 10px 0 5px 10px;
font-size:12px;
color:#5692C9;
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
display:inherit;
width: 70px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col .lpanrowright p {
float: right;
width: 140px;
font-size: 12px;
font-weight:normal;
margin: 0px 0 0 10px;
padding: 0px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col .lpanrowright h2 {
float: right;
width: 140px;
font-size: 12px;
font-weight:normal;
color:#114B7E;
margin: 0px 0 0 10px;
padding: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col .lpanrowright {
float: right;
width: 140px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col .lpanrowleft h3 {
float: left;
width: 60px;
margin: 0;
padding: 0 0 0 10px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col .lpanrowcontainer {
clear: both;
padding: 5px 0 0 0;
}



#widecontentcontainernoimage #contentareawide .twoevencols .col .prrowleft {
width: 140px;
font-size: 13px;
font-weight:normal;
margin: 0px 0 0 20px;
padding: 0px;
float: left;
}

.lpancolright {
padding: 5px 0 0 0;
}



#widecontentcontainernoimage #contentareawide .twoevencols .col .eyecatchercontainer {
width: 140px;
}

#widecontentcontainernoimage #contentareawide .twoevencols .col #previouseyecatcher {
width: 140px;
}




/* HEADER */


#header {
width:100%;
overflow:hidden;
background-position:top right;
background-color:#fff;
background-repeat:no-repeat;
border-bottom: 5px solid #9a9a9c;
}

.headborder {
	padding: 0px;
	margin: 0px;
	}



	



.loginsearchheader {
	padding: 0px;
	margin: 0px;
	color:#666666;
	}
	
	
.loginsearchheader a {
font-weight: bold;
text-decoration:underline;
}

	
.loginsearchheader table {margin: 0px; padding: 0px;}
	

	
	

.toplinksearchcontainer {
	margin: 10px;
	color:#666666;
	float: right;
	border: solid 2px #cccccc;
	background: #efefef url(xcch09/cssimg/search_bg.gif) repeat-x;
	}/*was width 134 */

.callus {
	padding-bottom:3px;
	padding-top:3px;
	color:#ffffff;
	}
	
.toplinksearchcontainer form {
	padding-bottom:0px;
	padding-top:3px;
	color:#ffffff;
	}
	
div#header div.toplinksearchcontainer input.searchfield {width:150px;font-size:100%;margin-top:0px;}
div#header div.toplinksearchcontainer input.gobutton {font-size:90%;width:25px;}
div#header div.toplinksearchcontainer label {font-weight:bold;}

.toplinks {
	padding: 5px 5px;
	margin: 0px 0px;
	float:left;
	width: 235px;
	display: inline;
	}


div#header div.toplinks ul {list-style:none;margin-top:8px;margin-bottom:10px;margin-left:0px;padding-left:0px;}
div#header div.toplinks ul li {margin-bottom:0px;}
div#header div.toplinks ul a {color:fff;text-decoration:none; font-weight:normal;}
div#header div.toplinks ul a:hover {text-decoration:underline;font-weight:normal;}

div#errormessage {color:#5091CD;margin-bottom:5px;padding-left:20px;margin-top:0px;padding-bottom:2px;font-size:120%;font-weight:bold}
div#returnmessage {color: #5091CD;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-size:120%;font-weight:bold}

/* content area styles (general) */



	
/* Breadcrumb style */

#breadCrumb  {
	float:left;
	width: 590px;
	margin:0px 0 20px 0;
	font-weight: normal;
	font-size: 70%;
	color: #9a9a9c;
	background-color: #efefef;
	padding: 2px 2px 2px 5px;
	}
	

/* used by eyecatchers */

div.sectorhomeright {float:right; margin-bottom:0; clear:both; font-size:80%;}

div.sectorhomeleft {
	float:left;
	margin-bottom:10px;
	margin-right:7px;
	}

.eyecatchercontainer {
	width: 325px;
	float: left;
	}
	
#previouseyecatcher {
	width: 325px;
	float: left;
	margin: 5px 0px;
	}

#previouseyecatcher .prrowleft {
	width: 225px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#previouseyecatcher .prrowright a{
	color:#333333;
	margin: 0px;
	padding: 0px;
	}	
	
#previouseyecatcher .prrowright p{
	color:#333333;
	margin: 0px;
	padding: 0px;
	width: 100px;
	float:right;
	}		

	
.eventlistcontainer {
	float:left;
	width: 245px;
	}
	
right .eventlistcontainer {
	float:right;
	width: 245px;
	}
	
#eventlist .eventlistcontainer {
margin: 0px 20px;
height: 80px;
}

	
.location {
	float: right;
	width: 100px;
	font-size:12px;
	}
	
.eventdate {
	float:left;
	font-size:12px;
	}

.event {
	margin: 5px 0px;
	}
	
.right {
	float:right;
	width: 250px;
	}
	
.left {
	float:left;
	width: 250px;
	}
	
	
blockquote {
	padding: 0px;
	margin: 00px;
	line-height: 150%;
	}
	
strong {
	margin: 0px;
	padding: 0px;
	}
	

#eyequote blockquote {
		width: 590px;
		text-align: center;
		margin: 10px 0px;
		padding: 0;
		 font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 130%;
		letter-spacing: 0px;
		line-height: 1em;
		color: #555;
		background: #eee url(/cch09/cssimg/fi_top.gif) no-repeat top left;
		}
	
	#eyequote blockquote strong {
		color: #000;
		font-weight: normal;
		}
	
	#eyequote #quote {
		margin: 0 10px 0 0;
		padding: 20px 10px 10px 20px;
		background: url(/cch09/cssimg/fi_bottom.gif) no-repeat right bottom;
		}
	
	#eyequote #author {
		margin: 0;
		padding: 0 0 10px 0;
		color: #999;
		font-size: 80%;
		background: url(/cch09/cssimg/hpquote_bottom.gif) no-repeat bottom;
		}






















	

	
	/* required to prevent main content falling under left nav */
#contentarea {
	float:left;
	width:590px;
	margin:10px 10px 20px 10px;
	font-size:90%;
	display: inline;
		/*margin-left:167px;(with no float!) - can not use this method as float:right right col would need to preced this in the code, failing accessibility */}

div#contentarea h1, div#contentareawide h1 {
	xcolor:#313359;
	margin-bottom:10px;
	padding-left:6px;
	margin-top:0px;
	padding-bottom:2px;
	xfont-weight:normal;
	}

div#contentarea h2, div#contentareawide h2 {
	xcolor:#5692c9;
	margin-bottom:10px;
	margin-top:0px;
	padding-bottom:0px;
	font-weight:normal;
	xfont-size:125%;
	}
	
	
/* div#contentarea p.intro, div#contentareawide p.intro {color:#333333;}
	div#contentarea p.introblue, div#contentareawide p.introblue {color:#5e6167;}
	div#contentarea p, div#contentareawide p {margin-left:0px;margin-right:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;} */

div#contentarea h3 {
	xcolor: #5091CD;
	margin-bottom:10px;
	padding-left:0px;
	margin-top:10px;
	padding-bottom:0px;
	font-weight:normal;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	clear: both;
	}
	
    div#contentarea h4 {xcolor: #313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:strong;font-size:100%;}
	div#contentarea h5 {xcolor: #313359;margin-bottom:5px;padding-left:6px;margin-top:0px;padding-bottom:2px;font-weight:normal;font-size:100%;}


div#contentarea div.singlebulletlistcontainer {
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	margin-top: 50px;
	}
	
	

	
	div#contentareawide {float:left;margin:0px; padding: 0px; width:620px;}
	
	div#xxxcontentareawide xxxform {float:left;margin-left:10px;width:570px;}
	

	
/* left navigation */
#colleft {
	background: url(/cch09/cssimg/xleft_top_bg.gif);
	background-repeat: no-repeat;
	float:left;
	margin: 0 0 20px 0px;
	padding: 0px;
	width:175px;
	font-size:80%;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	


	
	
div#colleft ul.navleftupper {
	xbackground: url(/cch09/cssimg/grey_solutions_heading.png) top no-repeat;
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	xpadding-top:30px;
	xpadding-bottom:10px;
	xborder-bottom: solid 1px #ffffff;
	}

div#colleft ul.navleftupper a {
	text-decoration:none;
	font-weight:normal;
	padding: 4px 4px 4px 4px;
	display: block;
	margin: 0px;}

div#colleft ul.navleftupper a:hover {
	background-position: 135px 50%;
	text-decoration: underline;
	font-weight:normal;
	display:block;
	padding: 4px;
	margin: 0px;
	}
	
div#colleft ul.navleftupper li.level1itemselected {background-image:url(/images/CCHimages/ln_square_blue-arrow.gif);background-position:7px 4px;padding-bottom:5px;}
div#colleft ul.navleftupper li.level1itemselected a {color:#5e6167; font-weight:normal;}



div#colleft ul.navleftupper li.level2item {
	border: 0px;
	}
	
	
div#colleft ul.navleftupper li.level2itemlast {
	background-position:7px 2px;padding-bottom:5px;
	border: 0px;
	}
	

	
div#colleft ul.navleftupper li.level3item {
	margin-left:10px;
	background-position:7px 5px;
	padding-bottom:1px;
	border-bottom:none;
	margin-bottom:0px;
	}
	
div#colleft ul.navleftupper li.level3itemlast {
	margin-left:10px;
	background-position:7px 5px;
	border-bottom:0px solid #c5c5c5;
	color:#006699;
	padding-bottom:8px;
	}
	
div#colleft ul.navleftupper li.level4item {
	margin-left:15px;
	background-position:7px 5px;
	padding-bottom:1px;
	border-bottom:none;
	margin-bottom:0px;
	}
	
div#colleft ul.navleftupper li.level4itemlast {
	margin-left:15px;
	background-position:7px 5px;
	border-bottom:0px solid #c5c5c5;
	color:#006699;
	padding-bottom:8px;
	}
	
div#colleft ul.navleftupper li {padding-left:16px;background-repeat:no-repeat;padding-right:5px;padding-bottom:2px;border-bottom:1px solid #ffffff;margin-top:5px;}

div#colleft ul.navleftupper li.level3item a {
color:#ffffff;  /* LEVEL 3 FONT COLOUR */
}

div#colleft ul.navleftupper li.level3itemlast a {
color:#ffffff;
}

div#colleft ul.navleftupper li a {
	color:#ffffff;
	font-weight:normal;
	}
	
div#colleft ul {list-style:none;margin-left:0px;padding-left:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
div#colleft ul a {text-decoration:none; font-weight:normal;}
div#colleft ul a:hover {text-decoration:underline; font-weight:normal;}
div#colleft ul li {padding-left:16px;background-repeat:no-repeat;padding-right:15px;padding-bottom:2px;margin-top:1px;}

div#colleft ul li a {
	color:#ffffff;font-weight:normal; /* THIS IS WHERE THE DEFAULT FOR THE LEFT MENU COLOUR IS CHOSEN */
	}
	
div#colleft ul li.advert0 {
	background: url(/cch09/cssimg/grey_sectors_heading.png) top no-repeat;
	margin-top: 0px;
	padding:40px 5px 5px 20px;
	xborder-top: #ffffff solid 1px;
	}

div#colleft ul li.advert0 a:hover {
	text-decoration: underline;
	}



	
	
div#colleft ul li.advert1 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:5px 5px 5px 20px;
	border: 0px;
	}
	
div#colleft ul li.advert2 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:5px 5px 5px 20px;
	border: 0px;
	}
	
div#colleft ul li.advert3 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:5px 5px 10px 20px;
	border: 0px;
	}
	
div#colleft ul li.advert4 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:10px 5px 5px 20px;
	border-top: #ffffff solid 1px;
	
	}
	
div#colleft ul li.advert5 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:5px 5px 5px 20px;
	}
	
div#colleft ul li.advert6 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:5px 5px 10px 20px;
	}
	
div#colleft ul li {
	margin: 0px;
	padding: 0px;
	}
	
div#colleft ul li.advert7 {
	xbackground: #5087ba url(/xcch09/cssimg/menu_ad_bg.gif) repeat-y;
	background-position: right;
	padding:10px 5px 10px 20px;
	border-top: #ffffff solid 1px;
	}
	



/* footer */

div#returntotop {
	width:100%;
	border-bottom:1px solid #C5C5C5;
	padding-top:6px;
	margin-top:4px;
	padding-bottom:4px;
	margin-bottom:6px;
	text-align:right;
	display: none;
	}
	
div#returntotop a {color:#707070;text-decoration:none;padding-left:16px;padding-bottom:5px;background-repeat:no-repeat;background-image:url(/images/CCHimages/ln_square_grey.gif);background-position:7px 5px;}
div#returntotop a:hover {text-decoration:underline;}
/*
div#footer {
	width:980px;
	border-top: #9a9a9c solid 5px;
	background: #fff url(/cch09/cssimg/footer_bg.gif) repeat-x;
	margin: 0px;
	}
	
div#footer div.logo {
	float:left;
	width:127px;
	margin: 10px;
	}

div#footer div.copyrightcontainer {
	margin-left:175px;
	color:#666;
	padding-bottom:10px;
	font-size:90%;
	}
	
div#footer div.copyrightcontainer p {
	padding:0px;
	margin :10px;
	}
	
div#footer div.copyrightcontainer a {color:#666;text-decoration:none; font-weight:normal;margin :10px 0;}
div#footer div.copyrightcontainer a:hover {text-decoration:underline; font-weight:normal;margin :10px 0;}


*/


/* top navigation temp removed */
#topnav {
	float: right;
	width: 420px;
	height: 34px;
	}

#topnav ul {
	margin: 17px 3px 0 0;
	text-align:right;
	padding: 0px;
	}
	
#topnav li {
	display:inline;
	margin:0px 1px;
	font-size: 65%;
	padding: 1px 0px;
	}

#topnav a {
 	color:#ffffff;
	padding: 5px 5px 5px 10px;
	font-weight:bold;
	background: #ffffff url(/cch09/cssimg/grey_nav_button_double.gif) no-repeat -2px 0px;
	border-right: 1px solid #666666;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#topnav a:hover {
	text-decoration: underline;
	background: #ffffff url(/cch09/cssimg/grey_nav_button_double.gif) no-repeat -2px -34px;
	border-right: 1px solid #999999;
	}	
	
	



/* right navigation */

#navright {
	float:right;
	width:175px;
	padding: 0px;
	margin: 0px;
	}
	
div#navright div.greyboxes div {
	padding-left:6px;
	padding-right:5px;padding-top:6px;
	margin:10px;
	border:1px solid #A1A1B3;
	font-size:85%;
	background-color:#ffffff;
	}
	 /* warning DIVs can not be nested within these DIV's change to div.box style for each */
div#navright div.greyboxes div h2 {color:#744C62;margin:0px;padding-top:0px;padding-bottom:10px;font-size:120%;font-weight:normal;}
div#navright div.greyboxes div p {color:#666;margin:0px;padding-top:0px;padding-bottom:10px; font-size:85%}
div#navright div.greyboxes div ul {list-style:none;margin-left:0px;padding-left:0px;margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:5px;}
div#navright div.greyboxes div ul li {background-position:0px 5px;padding-left:0px;background-repeat:no-repeat;padding-bottom:5px;margin-top:0px;}
div#navright div.greyboxes div ul li a {color: #0066CC;text-decoration:none;}
div#navright div.greyboxes div ul li a:hover {text-decoration:underline;}


	/*forms 
	div#registrationform {width:100%;}
	div#registrationform .line {width:100%; border-bottom:1px dashed #cccccc;} 
	div#registrationform input {display:block; float:left; margin-bottom:10px;margin-left:5px; margin-top:5px;}
	div#registrationform label {display:block; text-align:left; float:left; width: 150px; padding-left:10px; margin-top:5px;}
	div#registrationform label.checkbox {display:block; text-align:left; float:left; padding-left:5px; margin-top:5px; width: 90%; }	div#registrationform br {clear:left;}
	div#registrationform .checkbox {width:1.5em; margin-left:5px; margin-top:3px;}
	div#registrationform .imagebutton {width:124px;}
	div#registrationform select {display:block; float:left; margin-bottom:10px;margin-left:5px; margin-top:5px;} */
	
div#feedbackform .indent1 { xdisplay:block; margin-left:15px;}
xdiv#feedbackform .checkbox { margin:0px; text-align:left;}
div#feedbackform table { border: 0; xwidth: 550px; font-size: 140%;}

    div#pressrelease {margin-left:5px; width:100%;}

div#pressrelease div.prcontainer {
	width:290px;
	overflow:hidden;
	margin-bottom:15px;
	float:left;
	height: 60px;
	}
	
	div#pressrelease h5 {margin:0px;color:#313359;font-size:100%;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:9px;background-repeat:no-repeat;background-image:url(/images/CCHimages/xln_square_green.gif);background-position:0px 5px;text-decoration:none;}

div#pressrelease div.prcontainer div.prrowleft {
	float:left;
	width:200px;
	padding-top: 1px;
	}
	
	div#pressrelease div.prcontainer div.prrowleft a {text-decoration:none;}
	div#pressrelease div.prcontainer div.prrowleft a:hover {text-decoration:underline;}

div#pressrelease div.prcontainer div.prrowright {
	float:right;
	width:80px;
	margin: 0;
	padding: 0;
	}
	
div#pressrelease div.prcontainer .prrowright p {
	margin: 0;
	padding: 0;
	}
	
	div#pressrelease div.prcontainer div.prrowright a {color:#8C8C8C;text-decoration:none;}
	div#pressrelease div.prcontainer div.prrowright a:hover {text-decoration:underline;}
	
	div#eventdiary {padding-left:9px; margin-bottom:5px;width:100%;overflow:hidden;padding-bottom:5px;border-bottom:1px solid #8c8c8c;}
	div#eventdiary div.eventrow {width:100%; padding-bottom:5px;clear:both;}
	div#eventdiary div.eventrow div.leftcol {float:left; width:30%; font-weight:bold;}
	div#eventdiary div.eventrow div.rightcol {float:right; width:70%;}
	
	
#eventdiary .rightcol a {
font-weight: bold;
text-decoration:underline;
}



	
	div#colleft UL.navleftlower LI.level2itemselected {
	background-position: 7px 5px; 
	margin-top: 0px; 
	background-image: url(/images/ln_square_grey.gif); 
	padding-top: 0px; 
	border-bottom: medium none; 
	margin-left: 10px;}
	

	
	
	
	
	
	
/* MAIN TABS */

#header .formTab {
	clear: both;
	float: left;
	line-height: normal;
	background-color: #ffffff;
	width: 550px; /* needs to be dedicated for both */
	border-top: 0px solid #ffffff;
	padding: 0px;
	margin: 0;
	}
	
#header .formTab ul {
	clear: both;
	margin: 0px 0 0 10px;
	padding: 0px;
	}	
	
#header .formTab li {
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	}
	

	
#header .formTab a {
 	width: 101px;
	height: 34px;
	text-indent: -9999px;
	padding: 0px;
	margin: 0px 2px;
 	}


/* CHANNEL TABS */


.formTabOn a {
	float: left;
	background-color: #337abb;
	color: #ffffff;
	font-weight: bold;
	margin-right: 5px;
	margin-bottom: 0px;
	border-bottom: none;
	white-space:nowrap;}


.formTabOff a{
	float: left;
	color: #ffffff;
	margin-right: 5px;
	margin-bottom: 0px;
	border-bottom: none;white-space:nowrap;
	}
	
#contentarea .formTabOff a{
	float: left;
	background-color: #5692c9;
	padding: 5px;
	color: #ffffff;
	margin-right: 5px;
	margin-bottom: 0px;
	border-bottom: none;white-space:nowrap;
	}
	
#contentarea .formTabOn a{
	float: left;
	/*background-color: #337abb;*/
	padding: 5px;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 0px;
	border-bottom: none;white-space:nowrap;
	}	




#tab0.formTabOn a {
	background:url(/cch09/cssimg/info_button_double.gif) no-repeat;
	}
	
#tab1.formTabOn a {
	background:url(/cch09/cssimg/fee_button_double.gif) no-repeat;
	}
	
#tab2.formTabOn a {
	background:url(/cch09/cssimg/soft_button_double.gif) no-repeat;
	}
	
#tab3.formTabOn a {
	background:url(/cch09/cssimg/mag_button_double.gif) no-repeat;
	}
	
#tab4.formTabOn a {
	background:url(/cch09/cssimg/pro_button_double.gif) no-repeat;
	}



#tab0.formTabOff a {
	background:url(/cch09/cssimg/info_button_double.gif) no-repeat;
	color:
	}
	
#tab0.formTabOff a:hover {
	background:url(/cch09/cssimg/info_button_double.gif) no-repeat 0 -34px;
	}
	
#tab1.formTabOff a {
	background:url(/cch09/cssimg/fee_button_double.gif) no-repeat;
	}
	
#tab1.formTabOff a:hover {
	background:url(/cch09/cssimg/fee_button_double.gif) no-repeat 0 -34px;
	}
	
#tab2.formTabOff a {
	background:url(/cch09/cssimg/soft_button_double.gif) no-repeat;
	}
	
#tab2.formTabOff a:hover {
	background:url(/cch09/cssimg/soft_button_double.gif) no-repeat 0 -34px;
	}
	
#tab3.formTabOff a {
	background:url(/cch09/cssimg/mag_button_double.gif) no-repeat;
	}
	
#tab3.formTabOff a:hover {
	background:url(/cch09/cssimg/mag_button_double.gif) no-repeat 0 -34px;
	}
	
#tab4.formTabOff a {
	background:url(/cch09/cssimg/pro_button_double.gif) no-repeat;
	}
	
#tab4.formTabOff a:hover {
	background:url(/cch09/cssimg/pro_button_double.gif) no-repeat 0 -34px;
	}
	
	
/* #tab1.formTabOff a:hover {
	background:url(/cch09/cssimg/fee_button_hov.gif) no-repeat;
	background-color: #bebd00;
	}	
	
#tab2.formTabOff a {
	background:url(/cch09/cssimg/soft_button_hov.gif) no-repeat;
	background-color: #cb414d;
	}
	
#tab3.formTabOff a {
	background-color: #f0b600;
	}
	
#tab4.formTabOff a {
	background-color: #996b88;
	width: 100px;
	height: 30px;
	}
	
*/







/* CONTENT TABS */

#contentarea .formTab {
	clear: both;
	float: left;
	line-height: normal;
	background-color: #ffffff;
	width: 100%; /* needs to be dedicated for both */
	border-top: 0px solid #ffffff;
	border-bottom: 1px solid #9a9a9c;
	padding-left: 0px;
	margin: 0 0 10px 0;
	}
	
#contentarea .formTab ul {
	clear: both;
	margin: 0px 0 0 0px;
	padding: 0px;
	}

#contentarea .formTab li {
	font-size: 8px;
	text-indent: 0px;
	display:inline;
	}

	
#contentarea .formTab a {
	font-size: 10px;
	text-indent: 0px;
	}

#contentarea .formTabOn a {
	font-size: 10px;
	text-indent: 0px;
	background-color:#9a9a9c;
	font-weight:normal;
	}
	
#contentarea .formTabOff a:hover {
	background-color:#bbbbbb;
	color: #ffffff;
	}
	
#contentarea .formTabOff a {
	font-size: 10px;
	text-indent: 0px;
	background-color:#efefef;
	color:#9a9a9c;
	}

   
/* table */
.listTable {width:375px; font-size: 100%; font-weight:normal; border: 1px solid #cccccc;}	

.listBundleGrpTable {
	font-size: 100%;
	font-weight:normal;
	margin: 0 0 0 10px;
	}

.listShoppingBasket {width:100%; font-size: 100%; font-weight:normal;}
     
div#navright div.shoppingBasket {
	padding: 0px;
	margin:10px 10px;
	border:1px solid #A1A1B3;
	background-color: #ffffff;
	width: 154px;
	}
	 
	 

	div#contentarea div.singlebulletlistblack ul {list-style:none;margin-top:0px;margin-bottom:5px;margin-left:25px;padding-left:0px; font-size: 80%;}
    div#contentarea div.singlebulletlistblack ul li {background-repeat:no-repeat;background-image:url(../cch09/cssimg/ln_square_blue.gif);background-position:0px 7px;padding-left:10px;margin-bottom:5px; xlist-style-type:disc; line-height: 150%;}


.catalogueitem {
	width: 570px;
	float: left;
	clear: left;
	padding: 0px;
	margin: 5px 0;
	}

.catalogueheader { /* WEEKEND CHANGE gave extra padding for next header item */
	padding: 10px 0 0 0;
	clear:left;
	}

	
.catalogueitem p {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
	
#contentarea .cataloguecontainer p {
	margin: 0px;
	padding: 0px;
	}
	
.cataloguepricing p {
	padding: 0px;
	margin: 0px;
	font-size: 80%}
	
.catalogueimage {
	float: left;
	width: 110px;
	padding: 4px 0 0 0;  /* WEEKEND CHANGE  levelled catalogue image with top of text */
	}
	
.cataloguecontainer {
	width: 280px;
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
.cataloguecontainer p {
	padding: 0px;
	margin: 0px;
	}

.cataloguepricing {
	width: 150px;
	float: right;
	padding: 0px;
	}
	
	
#contentarea .catalogueprice {
	padding: 0px;
	margin: 0px;
	font-weight:bold;
	}
	
.cataloguecode {
	float: left;
	padding: 5px 0 0 0;
	margin: 0px;
	}
	
#contentarea p.catalogueformat {
	xfloat: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
	}
	
#contentarea .prodinfo p.cataloguepubdate {
	xfloat: right;
	xclear: left;
	margin: 0px;
	padding: 0px;
	width: 250px;
	}	
	
#contentarea p.catalogueprodarea  {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	}	
	
#contentarea .prodinfo p {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	}
	
#contentarea .prodnumber {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	font-size:130%;
	}
	
#contentarea .prodmore {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
	}

	
	
	
	

.catalogueicon {
	float: left;
	clear: left;
	}
	
.cataloguedescription {
	margin: 0 0 0px 0;
	padding: 0px;
	display: none;
	}
	
	
.ataglance {
	font-weight:bold;
	padding: 0px 0px;
	}
	
.ataglancedetails p {
	font-weight:bold;
	padding: 0px 0px;
	}

.catalogueauthor {
clear:left;
}




.prodenquiry {
	clear:both;
	}
	
#contentarea .prodinfo p {
margin: 10px 0px;
clear: both;
}




#communicationPreferences {
font-size: 12px;
margin: 20px 0px;
}


#communicationPreferences label {
font-size: 12px;
margin: 20px 0px;
padding: 10px 0px;
}

#communicationPreferences h3 {
font-size: 12px;
margin: 20px 0px;
padding: 0px 0px;
}



img {
	border: none;
	}

 
	 
.productHeading {
	background:#A7ABAE url(/cch09/xcssimg/cart_light.gif) no-repeat 3px 3px;
	color:#FFFFFF;
	padding:2px 2px 2px 2px;
	}


/* ALL CRAP NEEDS TO BE REPLACED */

	
.nav1Row1 {background-color:#efefef; color:#6D6F71;padding:0px 10px 10px 10px;}
.nav1Row2 {background-color:#efefef; color:#6D6F71;padding:0px 10px 10px 10px;}
.form-border {border:1px solid #999999;}
.form-heading {color:#011F43;Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;padding-left:10px;text-decoration:none;}
.body-txt {color:#666666;Verdana,Arial,Helvetica,sans-serif;font-size:10px;font-weight:normal;text-decoration:none;}
.label {color: #333333;background-color: #FFFFFF;font-weight: normal;font-size: xx-small;}
.labelbold {color: #333333;background-color: #FFFFFF;font-weight: bold;font-size: xx-small;}
.labelField {color: #000000;background-color: #FFFFFF;font-weight: normal;font-size: xx-small;}
    
/*\*//*/
@import "macie5only.css";
/**/












	
	
	
	
/* search page layout only */
 
    div#contentareasearch {width:95%;}
	div#contentareasearch div.searchlogocontainer {width:100%; float:left; padding-bottom:5px; border-bottom:1px solid #313359}
	div#contentareasearch div.introbody {width:100%; padding-left:5px; }
	div#contentareasearch div.introbody h1 {color:#5091CD; border-bottom:none; font-size:170%;}
	div#contentareasearch div.introbody div.introtext {color:#313359; size:100%}
	div#contentareasearch div.searchresults{width:100%;overflow:hidden;margin-bottom:5px;}
	div#contentareasearch div.searchresults h2 {color: #313359; font-size:125%; border-bottom:1px solid #313359;}
	div#contentareasearch div.searchresults div.searchrowleft {float:left;width:48%;}
	div#contentareasearch div.searchresults div.searchrowleft a {color:#313359;text-decoration:none; font-weight:bold;}
	div#contentareasearch div.searchresults div.searchrowleft a:hover {text-decoration:underline;}
	div#contentareasearch div.searchresults div.searchrowleft li {padding-bottom:5px; padding-top:5px;}
	div#contentareasearch div.searchresults div.searchrowright {float:right;width:48%; margin-left:3px;}
	div#contentareasearch div.searchresults div.searchrowright a {color:#313359;text-decoration:none; font-weight:bold;}
	div#contentareasearch div.searchresults div.searchrowright a:hover {text-decoration:underline;}
	div#contentareasearch div.searchresults div.searchrowright div.productresults {padding-top:10px;} 
	
	


div#contentarea.typeD h4 {border-bottom:1px solid #8C8C8C;}



/*div#contentareawide div.twoevencols div.col {
	background: #ffffff url(/cch09/cssimg/home_boxes_bg.gif) repeat-x;
	float:left;
	width:225px;
	xborder-top:1px solid #313359;
	xmargin: 7px;opacity:0.8;filter:alpha(opacity=80);
	}*/

div.twoevencols {
	clear: left;
	width: 980px;
	}


#registrationform {
	width: 590px;
	font-size:10px;
	padding: 10px 0 0 10px;
	}
	
#registrationform label { /* WEEKEND CHANGE isolates the login page label so all others are now dedicated */
	width: 150px;
	font-size:12px;
	float: left;
	text-align:left;
	display: block;
	}

#registrationform a { /* WEEKEND CHANGE isolates the login page label so all others are now dedicated */
	xwidth: 150px;
	font-size:12px;
	xfloat: left;
	text-align:left;
	display: block;
	}
	
#registrationform a:hover { /* WEEKEND CHANGE isolates the login page label so all others are now dedicated */
	text-decoration:underline;
	}
	
	
#registrationform input { /* WEEKEND CHANGE isolates the login page label so all others are now dedicated */
	margin: 2px 0;
	}

#registrationform label select {
 	width: 150px;
	font-size:12px;
	float: left;
	text-align:left;
	display: block;
	}


.extradetails {
	font-size: 10px;
	float: left;
	width: 270px;
	margin: 0px;
	padding: 0px;
	}

#registrationform .extradetails label {
	font-size: 100%;
	float: left;
	margin: 0px;
	padding: 3px 0 0 0;
	clear:left;
	width: 70px;
	}
	
.extradetails input{
	font-size: 12px;
	margin: 2px 0px;
	}

/*	
	
.extradetails input {
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 0px;
	xclear:left;
	}
	

	
*/
	
.extradetails select {
	font-size: 10px;
	}



*/

.maindetails {
	font-size: 12px;
	float: right;
	width: 310px;
	margin: 0px;
	padding: 0px;
	}
	
.maindetails .right {
	font-size: 100%;
	float: right;
	width: 300px;
	margin: 0px;
	padding: 0px;
	}


#registrationform .maindetails .right label {
	font-size: 100%;
	float: left;
	margin: 2px 0px;
	padding: 0px;
	clear:left;
	width: 140px;
	}
	
.maindetails input{
	font-size: 12px;
	margin: 2px 0px;
	}

#registrationform .maindetails checkbox label {
	width: 5200px;
	}
	
.maindetails p {
	clear: both;
	font-size:12px;
	color:#666666;

	padding: 5px 0;
	}
	


/*
.maindetails input {
	font-size: 10px;
	float: left;
	}
	
.maindetails select {
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 0px;
	clear:left;
	}
	
*/

.submitbutton {
	clear: both;
	}
	
#contentareawide form {
	margin: 0px;
	padding: 0px;
	width: 590px;
	background: url(../xcch09/cssimg/registration_bg.jpg) no-repeat;  /* WEEKEND CHANGE */
	}


#registrationform .emailintro {
	font-size: 12px;
	padding: 15px 0 5px 0;
	}

.emailoption {
	xclear: both;
	font-size: 12px;
	padding: 0px 0 0 0;
	xwidth: 575px;
	}

#registrationform .emailoption label {
	float: left;
	xclear: both;
	width: 475px;
	font-size: 12px;	
	}
	
.emailoption input {
	float: right;
	xclear: both;
	width: 20px;
	font-size: 12px;	
	}	

.emailoption p {
	padding: 0px;	
	}	


#registrationform .emailtype label {
	float: left;
	xclear: both;
	width: 450px;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	}
	




.emaillist select {
	float: left;
	xclear: both;
	width: 100px;
	font-size: 12px;	
	}
	
	
.emailChk {
	padding: 0px;
	margin: 0px;
	height:30px;
	}
	
.checkbox input {
	float: left;
	}
	
.tnc xlabel {
	width: 300px;
	}

form h3 {
	xfont-size:18px;
	color: #114B7E;
	padding: 0px 0 0 0;
	font-weight:normal;
	}
	

form li {  /* WEEKEND CHANGE  adds bullets to login and registration*/
	list-style-type: disc;
	font-size: 12px;
	}	

	
.xxxsinglebulletlistblack li {
	list-style-type: disc;
	}
	
u {
font-weight:bold;
font-size:11px;
}

.registrationformbutton {
	margin: 10px;
	}
	
.registrationformbutton a {
	font-size:12px;
	}
	
form .intro {
font-size: 12px;
}


#contentareawide .intro {
margin: 10px;
font-size: 100%;
}

#contentareawide .intro p {
font-size: 14px;
}



.paymentdetails {
width: 290px;
float: left;
margin: 10px 0;
}

.deliverydetails {
width: 290px;
float: right;
margin: 10px 0;
}

.tandc {
	clear:both;
	}
	
.tandc p {
	padding: 10px 0;
	}
	


.cardHolderExtraDetails {
	width: 400px;
	float: left;
	clear: left;
	}

#registrationform .cardHolderExtraDetails label {
	width: 250px;
	}

.cartButtonsx {
	float: left;
	width: 100%;
	xbackground-color:#ffffcc;
	}


.cartButtons p {
	xbackground-color:#ffffcc;
	xclear:both;
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	xborder: solid 1px #000000;
	xfloat: right;
	}
	
form p {
	margin: 5px 0px;
	padding: 5px 0px;
	}
	
	
	







/* LPK LATEST FIXES */

/* THESE 3 FIX THE PRODUCT PAGE NARROW BUG */

.cataloguelongdesc {
	width: 575px;
	}
	
.catalogueprodarea {
	width: 575px;
	}
	
.prodinfo p {
	width: 575px;
	}
	
.prodinfo .singlebulletlistblack { /* FIXES BROKEN LIST ISSUE ON PRODUCT PAGE */
	clear: left;
	}
	
/* END THESE 3 FIX THE PRODUCT PAGE NARROW BUG */


/* FIXES EYE CATCHER FONT ISSUE 

a {
	COLOR: #5091CD;
	 Verdana,Arial,Helvetica,sans-serif;
	TEXT-DECORATION: none;
	margin: 0px;
	padding: 0px;
	} */


/* APPLIES REVISED FONT TO EVENT LIST */

.event {
	margin: 5px 0px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	}

/* FIXES BULLET FONT SIZE ERROR */

div#contentarea div.singlebulletlistblack ul {list-style:none;margin-top:15px;margin-bottom:15px;margin-left:25px;padding-left:0px; font-size: 90%;}
	
	
.twocolbulletlistcontainer {
	clear: both;
	}

.cch09contact h3 {
	margin: 0 0 0 20px;
	}
	
.cch09contact ul {
	margin: 0px 0 20px 20px;
	}

	
	
.cch09contact .twocolbulletlistcontainer .right {
	margin: 0 10px 0 0;
	padding: 0px;
	font-size: 80%;
	width: 320px;
	display:inline;
	}
	
.cch09contact .twocolbulletlistcontainer .left {
	margin: 0 0 0 10px;
	padding: 0px;
	font-size: 80%;
	width: 250px;
	display:inline;
	}
	
	
#contentareawide form .intro p {
border: solid 1px #cccccc;
}













/* START AMIT SEARCH */



.prodsearchitem {
	width: 360px;
	float: left;
	clear: left;
	padding: 0px;
	margin: 0px;
	} /*
	
.prodsearchitem p {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

*/.prodsearchitem h4 {
	font-weight:bold; 
	text-align:left;
	padding: 0 0 0 15px;
}
	
.prodsearchcontainer p {
	margin: 0px;
	font-size: 10px;
	 font-family: Verdana, Arial, Helvetica, sans-serif;} /*
	
.prodsearchpricing p {
	padding: 0px 0px 7px 0px;
	margin: 0px;
	}

*/
	
.prodsearchimage {
	float: left;
	width: 110px;
	} 
	
.prodsearchcontainer {
	width: 240px;
	float: right;  /* LPK amended  NO CHANGE */
    text-align: left;
	} /*
	
.prodsearchcontainer p { /* LPK ADDED 
margin: 0px;
padding: 0px;
	}


.prodsearchpricing {
	width: 150px;
	float: right;
	padding: 0px;
	}
	
.prodsearchcode {
<%--float: left; --%>
	text-align: left;
	padding: 7px 0 0 18px;
	}
	
.xprodsearchformat {
<%--float: left; --%>
	text-align: left;
	clear: left;
	padding:2px 0 0 18px;
	width: 200px;
	}
	
.xprodsearchcontainer .prodsearchformat img {
	float: right;
	clear:both;
	margin: 0px;
	padding: 0px;
	}
	
.xprodsearchicon {
	float: left;
	clear: left;
	}
	
.prodsearchdescription {
<%--margin: 0 0 0px 15px; --%>
<%--	text-align: left;
<%--float: left; --%>
	}	
	
.prodsearchdescription p {
	text-align: left;
	padding: 0 0 0 0px;
}	
	
*/.prodataglance {
	font-weight:bold;
} /* LPK ADDED


.prodataglancedetails {
	padding: 0 0 0 18px;
	text-align:left;
	clear: left; /* LPK ADDED 
}	
	
.img {
	border: none;
	}

*/

.edsearchitem {
	width: 365px;
	float: left;
	clear: left;
	padding: 0px;
	margin: 0px;
	}

.edsearchitem h4 {
	font-weight:bold;
	text-align:left;
	padding:0 0 0 20px;
}

.edsearchitem h3 {
	font-weight:bold;
	text-align:left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}

.edsearchitem p {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	

#contentareasearch .edsearchcontainer {
	width: 340px;
	margin: 0px;
	padding: 0px;
	float: left;
	}	
	
#contentareasearch .edsearchcontainer p {
	margin: 0px;
	padding: 5px 0 5px 20px;

	}
	
.edsearchdate {
	float:left;
	padding: 5px 0 0 20px;
}

.edsearchdescription {
	padding:0 0 0 20px;
	text-align:left;
	clear:left;
}	

/* END AMIT */	







/* LANDING PAGE STYLING */

fieldset {
	margin: 0;
	padding: 0;
	}
	
textarea, select {   /*formatting of input boxes */
	margin: 0;
	padding: 1px;
	font-size: 100%;
	 inherit;
	}

#landingpageform {
	width: 435px; /* overall width of form */
	font-size: 100%;  /* overall font size */
	color: #333;  /* top text colour */ 
	background-color:#D8DCE2;  /* form background colour */
	padding: 1px;
	font-size: 10px;
	margin: 10px 5px;
	}
	
#landingpageform form {
	width: 425px; /* overall width of form */
	}
	
#landingpageform .listbox select {
	font-size: 130%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}	

#landingpageform label {     /* label formatting */
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	color: #333;
	width: 150px;
	font-size: 120%;
	} /* Width of labels this determines the position of input boxes, leave or will break comment position */


#landingpageform legend {
	padding-left: 0px; /* Formatting of 'Your Details' */
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
	color: #333;
	}

#landingpageform fieldset {  /* formatting of outer fieldset, green line and shading now removed */
	border: none;
	border-top: 1px solid #D8DCE2;
	background: url(images/xxxcronerform-fieldset.gif) left bottom repeat-x;  /*have removed this from sample */
	margin: 5px;
	padding: 5px;
	background-color:#E7EAED;
	}
	
#landingpageform fieldset legend {
	background-color:#E7EAED;
	padding: 5px 8px;
	border: 1px solid #D8DCE2;
	}

#landingpageform em {	/* Makes the *'s RED */
	font-weight: bold;
	font-style: normal;
	color: #f00;
	}

#landingpageform fieldset fieldset {		
	border: none; /* Removes the line for second level fieldset */
	margin: 3px 0 0 0;
	padding: 0px;
	}

#landingpageform fieldset fieldset legend {		/* second level fieldset formatting */
	padding: 0 0 5px 0;
	font-weight: normal;
	border:none;
	}
	
#landingpageform fieldset fieldset label {	
	margin-left: 0px;
	} /* Width plus 3 (html space)  this determines the position of checkbox and radio buttons*/

#landingpageform fieldset ul {   /* positioning of lists */
	margin: 0;
	padding: 0;
	}

#landingpageform fieldset li {   
	list-style: none;
	padding: 4px 10px 4px 10px; /* spacing of input boxes */
	background: url(images/cronerform-divider.gif) left bottom repeat-x;  /* ield separator */
	margin: 0;
	}
	
	
	
#registrationform #CCH09Live {
!important;
width: 300px;
}

#registrationform #CCH09Live label {
width: 250px;
margin-top: 0px;
padding: 3px 0 5px 0;
}

#CCH09Live image {
clear: both;
float:left;
}

#CCH09Live button {
clear: both;
float:left;
}

#CCH09Live .fixedwidth {
clear: both;
}

#CCH09Live input {
width: 20px;
float: left;
clear: both;
}

#CCH09Live select {
float: left;
}
	

.header_bg {
	background: url(images/header_bg.gif) no-repeat 5px 5px;  /* header curved background image */
	height: 15px;
	padding: 11px;
	color:#FFFFFF;
	font-size:16px;
	margin: 0px;
}

#comments {
	margin: 3px 0px;
	}
	
.radiobutton input {
	margin-left: 200px;
	}


#landingpageform .textfield {
	padding: 0px;
	margin: 0px;
	}
	
x.fixedwidth {
	margin-left: 100px;
	}

.checkbox {
	margin-left: 5px;
	xwidth: 200px;
	}
	
	
.checkbox {
	margin-left: 5px;
	xwidth: 200px;
	}
	

#landingpageform .listbox {
	margin-left: 0px;
	}


#landingpageform input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}


.radiobox {
    margin-left: 155px;
    }

#landing_header {
    float: right;
	width: 350px;
    }

#landing_content {
    float: left;
    width: 390px; /* needs to be 350 ish for new page */
    padding: 10px;
	}


#landing_form {
    float: right;
    width: 350px;
}


/* END LANDING PAGE STYLING */


/* BUG FIXES apply to CCH09 only */


/* if this is not used elsewhere this can be removed and fixes 3541 */

.radiobox {
	margin-left: 0px;
	}



#registrationform label { /* WEEKEND CHANGE isolates the login page label so all others are now dedicated */
	width: 150px;
	font-size:12px;
	xfloat: left; /* 3594 FIXES select signup issue may break others needs testing */
	text-align:left;
	xdisplay: block; /* 3594 FIXES select signup issue may break others needs testing */
	}
	
	
	
	
/* FIXES SEARCH RESULTS LEFT COLUMN HEADER ISSUE */

.edsearchitem h3.eyeclear {
	font-weight:bold;
	text-align:left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    color: #313359;
}

/* FIXES SEARCH RESULTS LEFT COLUMN text justification */

.edsearchitem p {
	text-align:left;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
}		




#registrationform .cardHolderExtraDetails label { /* This is not relevant just to show reason */
	width: 250px;
	}

#registrationform .cardHolderDetails label { /* Aligns credit card payment screen correctly */
	width: 250px;
	}
	
	
hr {   /* This is only a personal prefernce as these should not be used */
	display: none;
	}
	
	
form h3 {  /* PROVIDES EXTRA SPACE ABOVE REGISTER SECTION ON LOGIN PAGE */
	margin: 30px 0 0 0;
	}

#contentareawide .intro {
	font-size: 90%; /* REDUCES SIZE OF INTRO FONT, SPECIFICALLY REGISTER TEXT AT BOTTOM OF INTRO */
	}




/* improves layout on order confirmation page */

.paymentdetails {  
width: 240px;
float: left;
margin: 20px 0 20px 70px; /* AFTER LIVE FIX */
font-size: 90%; /* AFTER LIVE FIX */
display: inline; /* AFTER LIVE FIX */
}

.deliverydetails {
width: 270px;
float: right;
margin: 20px 0; /* AFTER LIVE FIX */
font-size: 90%; /* AFTER LIVE FIX */
display: inline; /* AFTER LIVE FIX */
}



.cartList td {   /* AFTER LIVE CHANGE TO ADDRESS COMMERCE SPACING ISSUE */
padding: 5px 0;
xtext-align: right;
}

.cartList th {   /* AFTER LIVE CHANGE TO ADDRESS COMMERCE SPACING ISSUE */
padding: 5px 0;
xtext-align: right;
}



.cartButtons p {
	clear:both; /* NEEDED TO CLEAR extra details on credit card page in FF */
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	}


/*  Inmproves presentation of product list */

div#contentarea div.singlebulletlistcontainer {
	width:100%;
	overflow:hidden;
	margin-bottom:15px;
	margin-top: 15px;
	}
	
div#contentarea div.singlebulletlistcontainer li {
	margin-bottom: 3px;
	margin-top: 3px;
	list-style-type:disc;
	}





/* APPLY TO ALL STYLE SHEETS */

/* LINK COLOUR AMENDEMENT TO MAKE LINKS STANDOUT MORE */

a {
	COLOR: #0066cc;
	TEXT-DECORATION: none;
	margin: 0px;
	padding: 0px;
	}



div#header div.logocontainer {
	padding:15px 0 0 18px; /* AFTER LIVE FIX TO ALLOW LOGO CLICK TO CCH.CO.UK */
	float: left;
	}






#footer {
	clear:both;
	width: 980px;
	float:left;
	background:#ffffff url(/images/Croner/cssimg/xxxfooter_bg.gif) repeat-x;
	background: #fff url(/cch09/cssimg/footer_bg.gif) repeat-x;
	}
	
#footer div.logo {
	float:left;
	width:127px;
	margin: 20px;
	}
	
	
#footer div.copyrightcontainer {
	color:#999999;
	margin:10px 20px 10px 192px;
	font-size: 80%;
	}
	
	
#footer div.copyrightcontainer p {
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	}
	
#footer div.copyrightcontainer b {
font-weight:normal;
	}
	
#footer div.copyrightcontainer strong {
font-weight:normal;
	}
	
	
div#footer div.copyrightcontainer a {
	color: #3385d6;
	text-decoration: none;
	font-weight:normal;
	}
	
	
div#footer div.copyrightcontainer a:hover {
	text-decoration: underline;
	font-weight:normal;
	color: #999999;
	}


div#registrationform .fixedwidth {
	float:left; /* THIS BREAKS ALL THE FORMS */
	width: 145px;
	clear:left;
	margin: 3px 0;
	}
	
div#xxregistrationform #cch09live .fixedwidth label {
margin: 20px 0;
width: 400px;
}

div#registrationform #cch09live .fixedwidth {
	float:none; /* THIS BREAKS ALL THE FORMS */
	width:auto;
	xclear:left;
	margin: 3px 0;
	}
	
#registrationform .textfield {
margin: 5px 0;
padding: 0px;
}
	
div#registrationform .maindetails label {
	float:left;
	xwidth: 150px;
	clear:left;
	margin: 3px 0;
	}
	
div#registrationform .extradetails label {
	float:left;
	width: 90px;
	clear:left;
	margin: 3px 0;
	}
	
div#registrationform .rememberme label {
	float:left;
	width: 141px;
	clear:left;
	margin: 3px 0;
	}
	
#contentarea .nolink a {
display:none;
}

#contentarea .singlebulletlistcontainer .nolink {
list-style-type:none;
font-weight:normal;
margin-bottom: 10px;
}

#contentarea .singlebulletlistcontainer b {
font-weight:normal;
}

#contentarea .singlebulletlistcontainer strong {
font-weight:normal;
}



#landingpageform .multilinefield textarea {
	margin-left: 0px;
	font-size: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	width: 230px;
	}







/* VOUCHERS CART FIXES */


.commercetable {
	font-family: Verdana, Arial, Helvetica, sans-serif;
 	}
	
#contentareawide th {
	background-color: #efefef;
	padding: 3px;
	font-size: 60%;
	}

.commercetable td {
	padding: 3px;
	font-size: 60%;
	}
	
td img {
	padding: 0;
	margin: 0;
	}
	
.commercequantity {
	padding-top: 2px;
	}

.commercetable {
	border: solid 1px #efefef;
	}
	
	#contentareawide table {
	xborder: solid 1px #efefef;
	}

.commerce_price_col {
	background-color: #f5f5f5;
	text-align: right;
	xpadding: 3px;
	}

.commerce_total {
	font-weight: bold;
	color: #ffffff;
	background-color: #666666;
	xpadding: 3px;
	}

.commerce_discount {
	font-weight: bold;
	}

.basketproductheader, .basketproductname {
	color: #336699;
	font-weight: bold;
	}

.ppatotal {
	font-weight: bold;
	padding-right: 10px;
	}
	
.confirmquantity {
	font-weight: bold;
	font-size: 110%;
	}

hr {
	display: none;
	}

#contentareawide form {
	font-size: 80%;
	}

#contentareawide .loginBodyText {
	border: solid 0px #efefef;
	}
	
	
	
	
/* NEW LOGIN */

/* SEARCH BOX */

#topnav {
	width: 240px;
	padding: 0;
}

#header .formTab {
	width: 730px;
	padding: 0;
}

#header .formTab .newcchsearch {
	float:right;
}

#header .formTab .newcchsearch form {
	background-color: #efefef;
	margin: 6px 0 0 0;
	margin: "4px 0 0 0";
}

#header .formTab .newcchsearch form input {
	height: 20px;
	margin: 4px;
	padding: 0px;
	vertical-align:middle;
}

#header .formTab .newcchsearch .searchbutton {
	margin: 0 5px 0 0;
	background-color: #336699;
	color: #ffffff;
	border: 0;
}

/* END SEARCH BOX */



/* LOGIN BOX */

#cchlogin, .toplinksearchcontainer, .toplinks {
	width: 310px;
	margin: 0px;
	padding: 0;
	font-size: 90%;
}

.toplinksearchcontainer {
	margin: 3px;
}

#cchlogin {
	margin: 1px 3px;
}

#cchlogin p {
	font-size: 85%;
	margin: 2px 0;
	padding: 0;
	color: #666;
}

#cchlogin h3 {
	font-size: 100%;
	margin: 0 0 2px 0;
}

#cchlogin h4 {
	font-size: 100%;
	margin: 0 0 3px 0;
}

#cchlogin form { 
	margin: 0;
}





#cchlogin img {
	float: right;
	margin-right: 7px;
	display:inline;
}

.customerservices {
	clear:both;
}

#cchlogin .bookmark {
	margin: 0px 5px 0 0;
	padding: 4px 6px;
	background-color:#093;
	width: 100px;
	width: "114px";
	float:left;
	border: solid 1px #093;
}

#cchlogin .bookmark a {
color: #fff;
}





.fixedwidth {
	float:left; 
	width: 105px;
	}

.rememberme {
	width: 130px;
	float: left;
	clear: left;
	vertical-align:middle;
}

.rememberme label {
	padding-top: 2px;
}

.bookmark {
	width: 120px;
	float: left;
	padding-top: 10px;
}

#cchlogin p.bookmark {
	padding-top: 2px;
}

.reminders {
	clear:both;
}

.login input {
	height: 20px;
	}

.password input { 
	height: 20px;}

.login input, .password input { 
	width: 198px;}
	
.login label, .password label {
	padding-top: 4px;
}

/* END LOGIN BOX */

/* END NEW LOGIN */




/*  HOMEPAGE DESIGN */

#widecontentcontainernoimage #contentareawide {
width: 980px;
margin: 0;
padding: 0 0 20px 0;
background-color: #ffffff;
font-size: 80%;
}

#widecontentcontainernoimage .col {
width: 232px;
float:left;
margin: 10px 0 0px 10px;
background: #ffffff url(../cch09/cssimg/home_col_bg.gif) no-repeat;
xbackground: #ffffff url(home_col_bg.gif) repeat-x ;

display:inline;
border-top: 2px solid #e5e5e5;
}

.twoevencols {
background: url(dividers.gif) 10px 0 no-repeat;
float:left;
margin-left: 0px;

}

#widecontentcontainernoimage .col h2 {
font-size: 150%;
margin: 10px;
color: #336699;
padding: 0;
}

#widecontentcontainernoimage .col li, #widecontentcontainernoimage .col p, #widecontentcontainernoimage .col h3 {
margin: 10px;
color: #0088cc;
font-size: 110%;
padding: 0;
}

#widecontentcontainernoimage .col h3 {
float: left;
margin: 0 0 0 15px;
display:inline;
padding: 0;
width: 60px;
display: none;
}

#widecontentcontainernoimage .col p {
float: left;
xwidth: 125px;
margin: -2px 15px 10px 10px;
line-height: 130%;
display:inline;
padding: 0;
}

#widecontentcontainernoimage h1 {
display: none;
}

#widecontentcontainernoimage img {
margin: 10px 0 0 10px;
padding: 0;
}

#xwidecontentcontainernoimage .lpanrowcontainer {
	margin: 0 0 0 0;
	padding: 0;
	}
	
.lpanrowright, .lpanrowleft {
	margin: 0;
	padding: 0;
}

#widecontentcontainernoimage ul {
	margin: 0;
}


#widecontentcontainernoimage #featuredList li div.content {
display:inline;
float:left;
width:200px;
}

.rightinner ul, #featuredlist ul {
	padding-left: 0;
}

#widecontentcontainernoimage .twoevencols h2 {
	font-weight: bold;
}

#widecontentcontainernoimage #featuredmain h2 {
	margin-bottom: 2px;
}

#widecontentcontainernoimage .twoevencols a {
	color: #0088cc;
}




/* 459 */


/* RELATED PRODUCTS */


.related-products {
	margin: 5px 0;
	padding: 0;
	float: left;
	width: 100%;
}

#contentarea .related-products h3 {
	background: url(../cch09/cssimg/related-header-bg.gif) repeat-x;
	padding: 8px 0px 8px 12px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	margin: 20px 0 5px 0;
	color:#336699;
	font-size: 15px;
	font-weight: bold;
}

div#contentarea .related-products h4 a {
	font-size: 11px;
	color: #0088cc;
}

div#contentarea .related-products h4 {
	height: 30px;
}

div#contentarea .related-products p {
	font-size: 10px;
}

#contentarea .related-products .price {
	color: #336699;
	font-weight: bold;
	font-size: 12px;
}

.related-1, .related-2, .related-3 {
	width: 175px;
	width: "185px";
	float: left;
	margin: 5px;
	padding: 5px;
	display: inline;
}


/* RELATED SINGLE BESPOKE */

.related-products .single .related-1 {
	width: 580px;
	}

#contentarea .related-products .single .related-1 p {
	float: right;
	width: 370px;
	margin: 0;
	clear:none;
	}
	
#contentarea .related-products .single .related-1 .price {
	margin: 10px 0;
	}
	
.related-products .single .related-1 .product-image {
	float: left;
	width: 200px;
	}	

#contentarea .related-products .single .related-1 p.more-button {
	width: 350px;
	width: "370px";
	}
	

/* RELATED DOUBLE BESPOKE */

.related-products .double .related-1, .related-products .double .related-2 {
	width: 270px;
	width: "280px";
	}
	
.related-products .double .product-image {
	margin-left: 50px;
	display:inline;
	}
	
.related-products .more-button {
	font-weight: normal;
	background:url(../cch09/cssimg/more_button.gif) no-repeat 0px 0px;
	padding: 6px 0px 7px 20px;
	margin:0;
	clear: left;
	line-height: 100%;
	height: 15px;
	}
	
/* END RELATED PRODUCTS */


/* PRODUCT PAGE UPDATES */

/*#contentarea p, #contentarea li, #contentareawide .intro p {
	font-size: 11px;
	color: #666;
	margin: 10px 0;
	line-height: 150%;
}

strong {
	color: #336699;
}

li {
	background: url(cssimg/blue-bullet.gif) no-repeat 0px 6px;
	padding-left: 10px;
	list-style-type: none;
}*/


/* TOP DATA */

#contentareawide #productdetail.intro p {
	font-size: 11px;
}

.keyinfo {
	float:right;
	margin: 0  0 15px 0;
	padding: 0;
}

#contentarea .keyinfo p {
	margin: 5px 0;
	padding: 0;
	font-size: 11px;
}

#contentarea p.catalogueprodarea {
	width: 380px;
}

#contentareawide .keyinfo .prodnumber {
	background: url(../cch09/cssimg/phone.gif) no-repeat scroll 0 3px transparent;
	color:#336699;
	font-weight:bold;
	padding:3px 0 3px 22px;
}

#contentareawide .prodenquiry a {
	color: #0088cc;
	background: url(../cch09/cssimg/blue_link_arrow.gif) 100% 1px no-repeat;
	padding-right: 15px;
	}
	
#contentareawide .intro p {
	font-weight: normal;
}




/* TABLE UPDATE */

#contentareawide table {
	border-collapse: collapse;
	}
	
.listtable td {
	background-color:#ffffff;
	font-size: 10px;
}

#contentareawide .listtable {
	margin: 0;
	clear:both;
	border: solid 1px #cccccc;
	width: 100%;
}

#contentareawide .listtable td {
	padding: 4px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}	
	
#contentareawide .listtable .productheading {
	background-color: #f2f2f2;
	color: #336699;
	font-weight: bold;
	}
		
/* END TABLE UPDATE */		


/* DOWNLOAD PDF BOX STYLING */

.block {
	width: 220px;
	float: right;
	display:inline;
	background:#e5e5e5 url(../cch09/cssimg/block_bg_top_grey.gif) no-repeat;
    margin: 5px 0 20px 20px;
}

.blockbottom {
	background:#ffffff url(../cch09/cssimg/block_bg_bottom_grey.gif) no-repeat;
	height: 7px;
	width: 220px;
}

#contentarea .block h3 {
	margin: 10px;
	color:#336699;
	font-weight: bold;
	font-size: 12px;
}

#contentarea .block p {
	margin: 0 5px 5px 10px;
	color:#ffffff;
    padding: 0;
}

/* END DOWNLOAD PDF BOX STYLING */


/* #contentareawide.typeB BASKET RELATED FIXES */

#contentareawide.typeB { /* ADDS MARGIN TO BASKET SECTIONS */
	margin-left: 10px;
	display: inline;
}

/* RELATED PRODUCTS */

.related-products {
	margin: 5px 0;
	padding: 0;
	float: left;
	width: 100%;
}

#contentareawide.typeB .related-products h3 {
	background: url(../cch09/cssimg/related-header-bg.gif) repeat-x;
	padding: 8px 0px 8px 12px;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
	margin: 20px 0 5px 0;
	color:#336699;
	font-size: 15px;
	font-weight: bold;
}

div#contentareawide.typeB .related-products h4 a {
	font-size: 11px;
	color: #0088cc;
}

div#contentareawide.typeB .related-products h4 {
	height: 30px;
}

div#contentareawide.typeB .related-products p {
	font-size: 10px;
}

#contentareawide.typeB .related-products .price {
	color: #336699;
	font-weight: bold;
	font-size: 12px;
}

/* RELATED SINGLE BESPOKE */

#contentareawide.typeB .related-products .single .related-1 p {
	float: right;
	width: 370px;
	margin: 0;
	clear:none;
	}
	
#contentareawide.typeB .related-products .single .related-1 .price {
	margin: 10px 0;
	}
	
#contentareawide.typeB .related-products .single .related-1 p.more-button {
	width: 350px;
	width: "370px";
	}
	

/* END #contentareawide.typeB BASKET RELATED FIXES */






/* END 459 */
