/* CSS file */


/* layout ------------------------------------------------------------- */

.boxwrap   { width: 988px; margin: 0 0 3em 0; }

.boxbody   { width: 787px; float: left;}
.boxcenter { width: 560px; float: left;margin-left: 20px; }
.boxleft   { width: 180px; float: left;	margin-left: 6px; }
.boxright  { width: 201px; float:right; }
.boxheader { width: 100%;  clear: both;		 }
.boxfooter { width: 100%;  clear: both;  }

.boxclear  { clear: both; }


/* ie doubled margin hack */
.boxleft	{ display: inline; }

/* ------------------------- formatting --------------------------------- */

div 		{ margin: 0px; padding: 0px; }
body		{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  	  font-size:0.7em;
			  background-color: #FFF;
		  	  color: #333;
		 	  margin: 0 0 40px 0; }
input		{ font-family: Verdana, Arial, Helvetica, sans-serif;
		  	  font-size: 1em; }
form		{ margin: 0; }
.formbutton	{ background: #FFF  url(../corporate/images/form-submit-arrow-2.gif) right center no-repeat;
			  border: 1px ;
			  padding: 0px 15px 2px 0;
			  color: #003399; 			  
			  font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-size: 1.2em;
			  font-weight: bold; height:22px }
.formbuttonsmall { background: #FFF url("../corporate/images/form-submit-arrow-2.gif") right center no-repeat;
			  border: 1px ;
			  padding: 0px 0px 0px 0px;
			  color: #003399;
			  font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-size: 11px;
			  font-weight: bold; }
.formbuttonleft	{ background:  #FFF  url(../images/left-arrow.gif) left center no-repeat;
			  border: 1px ;
			  padding: 2px 15px 2px 0;
			  color: #003399;
			  font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-size: 1.2em;
			  font-weight: bold; }			  

a:link,
a:active,
a:visited	{ color: #003399; }
a:hover		{ color: #CC0033; }
a img		{ border: 0px none; }
h1 a, h2 a, h3 a	{ text-decoration: none; }

hr	{ clear: both; height: 1px; background-color: #CCC; border-bottom: 1px dashed #CCC; margin: 5px 0; }

abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
  }

address			{ font-style: normal; padding: 10px 0; }
address strong	{ width: 7em; float: left;}

.inline	{display: inline !important; }

/* ------------------------ header elements ------------------------------ */

#logo,
#logo img	{ margin: 0;
			  padding: 0;
			  border: 0; background-color: #F1F1F1;}
#logo img	{ padding-left: 20px; }
#headerright	{float:left;			  
			 /* background: url("../images/header/header-bg.gif");
			  border-right: 1px solid #CCC; 
			  */
			  }
#headernav 	{ float:left;
  			  width:756px;
  			  background: #E8EDF6 url("../images/header/grey-pixel.gif") repeat-x bottom;
  			  font-family: Arial, Helvetica, Verdana, sans-serif;
  			  font-weight: bold;
  			  font-size: 1.25em;
  			  letter-spacing: 0;
 			  margin: 0;
			  margin-top: 2px;
  			  padding-top: 2px; }
/* ie hack to compensate for extra div spacing */ 
* html #headernav{
  padding-top:0;
}  
#headernav ul {
  margin:0;
  padding: 0 0 0 20px;
  list-style:none;
  }
#headernav li {
  float:left;
  background:url("../images/header/tab-bg-tl-off.gif") no-repeat left top;
  margin: 0 2px 0 0;
  padding:0 0 0 5px;
  }
#headernav a {
  float:left;
  display:block;
  background:url("../images/header/tab-bg-tr-off.gif") no-repeat right top;
  padding:7px 15px 5px 6px;
  text-decoration:none;
  }
  
#headernav .selected	{ background:url("../images/header/tab-bg-tl.gif") no-repeat left top; }
#headernav .selected a	{ background:url("../images/header/tab-bg-tr.gif") no-repeat right top; }  
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headernav a {float:none;}
/* End IE5-Mac hack */
#headernav a:hover {
  text-decoration: underline;
  }
#headernav .selected a {
  color: #CC0033;
  padding-bottom:6px;
  } 
#headerleft{
	padding-left: 20px;
	float:left
}



.time		{ margin-left: 6px; }
.time, 	
.day		{ padding-right: 5px;	margin-right: 5px;	border-right: 1px solid #333; }
.datetime 	
{ padding: 10px 0 2px 5px;	  
	background-color: #E8EDF6;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/colours/templateblue-corner-tr.gif"); text-align:right;

 }






/* ----------------------- left column elements -------------------------- */

.boxleft a	{ text-decoration : none; }
#leftlinks, #leftlinks li	{ margin: 0; padding: 0; }
#leftlinks	{ margin-top: 20px; list-style: none; float: left;}

.boxleft p, .boxleft td, .boxleft th, .boxleft caption, .boxleft li{
	font-size: 0.9em;
}
.boxleft h1{
	font-size: 1.45em;
	margin: 0; padding: 0;
	margin-bottom: 10px;
	clear: both;
}
.boxleft h2{
	color: #636363;
	background: #E8EDF6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding: 6px 10px;
	margin: 0 0 10px 0;
}
.boxleft h2.first{
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/colours/templateblue-corner-tr.gif");
}
.boxleft h3{
	color: #333;
	font-size: 0.9em;
	margin: 10px 0 0 10px;
}
.boxleft ul{
	margin: 0 0 15px 10px;
	list-style-type: none;
	padding: 0;
}
.boxleft a{
	text-decoration: none;
}
.boxleft a:hover{
	text-decoration: underline;
}
.boxleft li strong a{
	line-height: 2em;
}




/* ----------------------- left navigation ------------------------------- */

#nav{
	background: url("../images/dotted-line.gif") repeat-x right bottom;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

ul#nav				{font-size: small; } /* css font sizes are used here as they dont break the layout when enlarged */
ul#nav li ul		{font-size: small; }
ul#nav li ul li ul	{font-size: small; }

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 180px;
	padding-bottom: 6px;
	
}

#nav ul a.section {
	background: url("../images/leftnav/flyout-arrow.gif") top right no-repeat;
}

#nav li {
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px;
	width : 180px;
}

#nav li ul {
	width : 190px;
	position : absolute;
	left: -999em;
	margin-left : 180px;
	margin-top : -3em;
	background: #FFF url("../images/leftnav/menu-background.png") no-repeat right bottom;
	background-position: right bottom;
}

#nav li ul ul {
	left: -999em;
	margin-left : 185px;
}


#nav li ul li {
		padding-left: 1px;
		border-left: 1px solid #CCC;
	}

#nav li ul li a{
		padding-left: 9px;
		width: 185px;
		w\idth: 175px;
	}
	
#nav li a {
		width: 203px;
		w\idth: 183px;
		display : block;
		font-weight : bold;
		background: url("../images/dotted-line.gif") repeat-x right top;
		padding : 0;
		padding: 0.4em 0;
}	

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #F1F1F1; color: #CC0033;
}	
		

					 					 
/* ---------------------------- right column elements ------------------------------ */

.boxright p, .boxright td, .boxright th, .boxright caption, .boxright li{
	font-size: 0.9em;
}
.boxright h2{
	color: #636363;
	background: #E8EDF6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding: 6px 10px;
	margin: 0 0 10px 0;
}
.boxright h2.first{
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/colours/templateblue-corner-tr.gif");
}
.boxright h3{
	color: #333;
	font-size: 0.9em;
	margin: 10px 0 0 10px;
}
.boxright ul{
	margin: 0 0 15px 10px;
	list-style-type: none;
	padding: 0;
}
.boxright a{
	text-decoration: none;
}
.boxright a:hover{
	text-decoration: underline;
}
.boxright li strong a{
	line-height: 2em;
}

/* weather styles */
#weathersymbol{
	float: right;
	margin-top: -4em;
	margin-right: 5px;
}
#weathertable{
	background: url("../images/weather/table-background.gif");
}
#weathertable, #weathertable td, #weathertable th{
	margin: 0; padding: 0; border: 0px none;
}
#weathertable th{
	background: none;
	font-weight: normal;
	font-size: 10px;
	width: 50px;
}
#weathertable td{
	text-align: center;
	font-size: 10px;
	width: 80px;
}
#weathertable caption{
	text-align: left; padding-left: 10px;
}

/* Journey Planner styles */
#jpform{
	margin-right: 45px;
	margin-bottom: 10px;
	text-align: right;
	font-size: 10px;
}
#jpform label{
	font-weight: bold;
}
#jpform select{
	width: 120px;
}
#name_origin,
#name_destination{
	color: #666;
	width: 114px;
	border: 1px solid #AAA;
	padding: 2px;
	height: 1.25em;
	margin-bottom: 5px;
	margin-left: 52px;
	display: block;
}
#jpform .formbutton,
#jpform a{ margin-right: 0px; }

/* travel update styles */
#travelupdate	{ background: #E8EDF6 url("../images/circles.jpg") no-repeat 160% 30%; }

/* font size styles */
#f-s	{ font-size: 0.8em; }
#f-m	{ font-size: 1.0em;  }
#f-l	{ font-size: 1.2em;  }

#f-s,#f-m,#f-l	{ 
			border: 1px solid #CCCCCC; 
			background-color: #FFF;
			padding: 0 0.5em; 
			font-weight: bold;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			margin: 0;
			vertical-align: middle;
			}

/* footer elements ------------------------------------------------------ */

.boxfooter{
	font-size: 0.9em;
	/*background-color: #E8EDF6;*/
	height: 15px;
	padding: 5px 0;
}
.boxfooter p{
	margin: 0 5px 0 223px;
}
.boxfooter span{
	margin-left: 53px;
}

/* centre column elements ------------------------------------------------ */

.clear	{ clear: both }

.boxcenter a:hover{
	text-decoration: none;
}

.boxcenter{
	line-height: 1.4em;
}
.boxcenter h1, .boxcenter h2, .boxcenter h3, .boxcenter h4{ font-family: Arial, Helvetica, Verdana, sans-serif; }
.boxcenter h1{
	font-size: 1.75em;
	margin: 0; padding: 0;
	margin-bottom: 10px;
	clear: both;
}
.boxcenter h1 a{
	text-decoration: none;
}
.boxcenter h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	margin-top: 0.5em;
}
.boxcenter h3, .boxcenter h4{
	font-size: 1.1em;
	margin-top: 0;
	letter-spacing: 0.1em;
}
.boxcenter h4{
	margin: 0;
}

/* ticker styles */
#ticker		{ background: #E8EDF6 url("../images/circles.jpg") no-repeat 121% 35%; height: 45px; margin-bottom: 20px; }
#ticker p	{ padding: 6px; font-size: 0.9em;}
#ticker p a	{ text-decoration: none; }

/* breadcrumb styles */
#breadcrumbs{
  margin-left: 0; padding-left: 0;
  padding-bottom: 10px;
  list-style: none;
}
#breadcrumbs li{
  background: url("../images/breadcrumb-arrow.gif") no-repeat right center;
  margin: 0; padding: 0;
  padding-right: 14px;
  margin-right: 10px;
  list-style: none;
  float: left;
}



/* panel styles */
.panel div.wrapper{	padding: 10px; }
.panel h1{ 			background-color: #FFF;
					background-position: -19em 0;
					background-repeat: no-repeat;
					font-weight: lighter;
					padding: 8px;
					margin: 0; font-size: 1.6em;}
.panel h2	{ margin-bottom: 10px; margin-top: 0px;}					
.panel h3,
.panel p{			margin: 0;}
.panel h3{			margin-bottom: 0px}
img.left{	margin-right: 10px;}
img.right{	margin-left: 10px;}	
.panel{
	background-position: left bottom;
	padding-bottom: 1px;
	margin-bottom: 10px;
}
.panel	{ background-repeat: no-repeat; }
.panel div.wrapper{
	background-repeat: no-repeat;
	background-position: right top;
}
.panel blockquote	{ margin: 0; }
.panel cite			{ text-align: right;	display: block }
.panel blockquote,
.panel cite{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	font-weight: bold;
	font-style: italic;
}
.panel ul	{padding: 0 10px; margin: 10px; }

.smalltext p, .smalltext a 	{ font-size: 0.9em; line-height: 1.25em; }
.smalltext h3{ font-size: 1.1em; font-weight: lighter; }

/* coloured panels */
/* use these styles to override the colour style sheet for the page */
.purple				{ background-image: url("../images/colours/purple-bg-bl.gif") !important; }
.purple div.wrapper	{ background-image: url("../images/colours/purple-corner-tr.gif") !important; }
.purple h1			{ background-image: url("../images/colours/purple-bg-tr.gif") !important; }
.green				{ background-image: url("../images/colours/green-bg-bl.gif") !important; }
.green div.wrapper	{ background-image: url("../images/colours/green-corner-tr.gif") !important; }
.green h1			{ background-image: url("../images/colours/green-bg-tr.gif") !important; }
.pink				{ background-image: url("../images/colours/pink-bg-bl.gif") !important; }
.pink div.wrapper	{ background-image: url("../images/colours/pink-corner-tr.gif") !important; }
.pink h1			{ background-image: url("../images/colours/pink-bg-tr.gif") !important; }
.skyblue			{ background-image: url("../images/colours/skyblue-bg-bl.gif") !important; }
.skyblue div.wrapper{ background-image: url("../images/colours/skyblue-corner-tr.gif") !important; }
.skyblue h1			{ background-image: url("../images/colours/skyblue-bg-tr.gif") !important; }
.yellow				{ background-image: url("../images/colours/yellow-bg-bl.gif") !important; }
.yellow div.wrapper	{ background-image: url("../images/colours/yellow-corner-tr.gif") !important; }
.yellow h1			{ background-image: url("../images/colours/yellow-bg-tr.gif") !important; }
.blue				{ background-image: url("../images/colours/blue-bg-bl.gif") !important; }
.blue div.wrapper	{ background-image: url("../images/colours/blue-corner-tr.gif") !important ; }
.blue h1			{ background-image: url("../images/colours/blue-bg-tr.gif")  !important; }
.grey				{ background-image: url("../images/colours/grey-bg-bl.gif") !important;  }
.grey div.wrapper	{ background-image: url("../images/colours/grey-corner-tr.gif") !important;  }
.grey h1			{ background-image: url("../images/colours/grey-bg-tr.gif") !important; }
.bordered			{ background-image: url("../images/colours/white-bg-bl.gif") !important; }
.bordered div.wrapper{ background-image: url("../images/colours/white-bg-tr.gif") !important;}
.white				{ background: none !important; }
.white div.wrapper	{ background: none !important; }


/* comments panel styles */
#comments	{ width: 100%; }
#comments h3{
	display: inline;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	color: #636363;
	letter-spacing: -0.1em;
	margin-bottom: 5px;
	padding: 10px 40px 0 0;
}

/* left and right alignment styles */
.left	{ float: left; }
.right	{ float: right; }
.panel .left	{ margin-right: 10px; }
.panel .right	{ margin-left: 10px; }
.top	{float: right; margin-bottom: 10px;}

.onethirdwidth	{ width: 158px } /* a single column width in the three column layout */
.twothirdswidth	{ width: 330px } /* two column widths in the three column layout */
.halfwidth		{ width: 245px } /* a single column width in the two column layout */
.fullwidth		{ width: 498px; margin-left: 0; margin-right: 0; float: left}

/* table styles */

th, td	{ border: none;}
table	{ border:none; }
th		{ font-weight: bold; }

.blank,			
.blank th, .blank td  { border: 0px solid !important; }
.blank th			  { background-color: transparent !important; }

/* page meta data styles */
#pagemeta		{ margin: 20px 0 0 10px;	padding: 0;	font-size: 0.9em; clear: both;}
#pagemeta li	{ float: left;	list-style:none; width: 170px; 	margin-bottom: 10px;}

/* document lists */

.doclist	{ margin: 0; padding: 0; margin-top: -20px; }
.doclist li	{ list-style: none; margin: 0; padding: 0; }
.doclist ul	{ clear: both; margin: 0; padding: 0; }
.doclist ul li	{float: left; margin: 0; padding: 0;}
.doclist .date	{margin-right: 10px; }

/* form styles */

.boxcenter label{
	font-weight: bold; display: block;
}

a.toplink:link		{font-size: 1.1em;font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration : none;}
a.toplink:visited	{font-size: 1.1em;font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration : none;}
a.toplink:hover	{font-size: 1.1em;font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold; text-decoration : none;}

/* ------------------------------------------------------------------------------------------------

a.navi-active:link		{color : #000000; text-decoration : none;}
a.navi-active:visited	{color : #000000; text-decoration : none;}
a.navi-active:hover	{color : #000000; text-decoration : none;}


a.topsubopen:link		{color : #000099; text-decoration : none; font-size: 12px;}
a.topsubopen:visited	{color : #000099; text-decoration : none; font-size: 12px;}
a.topsubopen:hover		{color : #FF0000; text-decoration : none; font-size: 12px;}


a.sub:link		{color : #000000; text-decoration : none;font-size	: 12px; }
a.sub:visited	{color : #000000; text-decoration : none;font-size : 12px; }
a.sub:hover	{color : #FF0000; text-decoration : none;font-size 	: 12px; }

a.subopen:link		{color : #FFFFFF; text-decoration : none;  font-size 		: 12px; }
a.subopen:visited	{color : #FFFFFF; text-decoration : none; font-size 		: 12px; }
a.subopen:hover		{color : #FF0000; text-decoration : none; font-size 		: 12px; }

a.sub1:link		{color : #000000; text-decoration : none;font-size	: 9px; }
a.sub1:visited	{color : #000000; text-decoration : none;font-size : 9px; }
a.sub1:hover	{color : #000000; text-decoration : underline;font-size : 9px; }

a.next:link		{color : #006e49; text-decoration : none;font-weight : bold; }
a.next:visited	{color : #006e49; text-decoration : none;font-weight : bold;}
a.next:hover	{color : #FF0000; text-decoration : none;font-weight : bold; }

a.activesub:link		{color : #FF0000; text-decoration : none;font-size	: 12px;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.activesub:visited	{color : #FF0000; text-decoration : none;font-size : 12px;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.activesub:hover	{color : #FF0000; text-decoration : none;font-size 	: 12px;font-family: Arial, Helvetica, Verdana, sans-serif; }

	.subopen {
	color 	: #00593b; font-size : 10px; font-weight : bold
}
	
*/

	
a.navi-cat-selected:link		{color : #FFFFFF; text-decoration:  none;font-size:.8em;letter-spacing: 0.1em; font-weight: bold; font-family: Arial, Helvetica, Verdana, sans-serif; }
a.navi-cat-selected:visited	{color : #FFFFFF; text-decoration : none;font-size:.8em;letter-spacing: 0.1em;font-weight:bold;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.navi-cat-selected:hover		{color : #FFFFFF; text-decoration:underline;font-size:.8em;letter-spacing: 0.1em;font-weight:bold;font-family: Arial, Helvetica, Verdana, sans-serif; }

a.navi-cat:link		{color : #000000; text-decoration : none;font-size:.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif;}
a.navi-cat:visited	{color : #000000; text-decoration : none;font-size:.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.navi-cat:hover		{color : #000000; text-decoration:underline;font-size:.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif;}


a.sub-cat:link			{ color: #0000FF; text-decoration : none;font-size:0.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.sub-cat:visited		{color : #0000FF; text-decoration : none;font-size:.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif; }
a.sub-cat:hover		{color : #0000FF; text-decoration:underline;font-size:.8em;letter-spacing: 0.1em;font-family: Arial, Helvetica, Verdana, sans-serif; }


.leftNaviCat {
	color: #999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style-image: url(../../pics/arrow.jpg);
	font-size: 1.1em;
	letter-spacing: -0.1em;
	padding:4px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#e8ecf4;
	height:20px;
}

.leftNaviCatselected {
	color: #999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	list-style-image: url(../../pics/arrow-red.jpg);
	font-size: 1.1em;
	letter-spacing: -0.1em;
	padding:4px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#e8ecf4;
	height:20px;
}



.cataloguecategory {
	color: #999999;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	
	font-size: 1.1em;
	letter-spacing: -0.1em;
	padding:4px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#e8ecf4;
	height:20px;
}

.emailsignup {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: 0.1em;
	padding:4px   2px 4px 10px;
	margin: 1px 0 1px 0;
	background-color:#e8ecf4;
	height:100%;
}

.mostpopular {
	font-size: 1.45em;	
	padding:20px   3px 4px 1px;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-weight:bold;
	 
	text-align:center ; 
	letter-spacing: 0.2em;
	height:100%;
}
.catalogue {
	color: #636363;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.1em;
	padding:5px   1px 5px 10px;
	margin: 0 0 0px 0;
	background-repeat: repeat-x ;
	background-position: left;
	background-image: url("../images/colours/navi-catalogue.gif") ;

}

.sub {text-align:center;background: #E8EDF6; height:35px; padding-top:5px; padding-bottom:2px; }

.category-active {
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   5px 1px 10px;
	margin: 1px 0 1px 0;
	text-align:right;
	vertical-align:middle
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/dark-blue.gif")  ; height:25px;

}


.nocategory {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:1.3em;letter-spacing: 0.1em;
	padding:2px   2px 2px 45px;
	margin: 10px 0 10px 0;
	background-color: #DFF0FF ;	
	background-repeat: no-repeat;
	background-position: 5%;
	background-image: url(../images/info.gif); height:100%;

}
.category {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/maroon.gif"); height:25px;
}



.category6 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#edd7fe;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/green.gif");
	*/
	 height:25px;
}

.category7 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color: #DFF0FF ;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/green.gif");
	*/
	 height:25px;
}

.category2 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#fce9c8;
	height:25px;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/yellow.gif")
	*/
}

.category3 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#d9f1d9;
	height:25px;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/red.gif"); height:25px;
	*/
}

.category4 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#ddfbf9;
	height:25px;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/light-blue.gif"); height:25px;
	*/
}

.category1 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#fee8ea;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/blue.gif"); 
	*/
	height:25px;
}

.category5 {
	color: #000000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:8px   2px 1px 10px;
	margin: 1px 0 1px 0;
	background-color:#dff0ff;
	/*
	background-repeat: no-repeat;
	background-position: left;
	background-image: url("../images/colours/blue.gif"); 
	*/
	height:25px;
}

.subcategory {
	color: #FFFFFF;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding:2px   2px 1px 25px;
	margin: 0 0 0px 0;
	background-repeat: repeat-x ;
	background-position: left;
	background-image: url("../images/colours/navi-catalogue-middle.gif")   ;
}

#basketcontent {
	color: #01437D;
	width: 80%;
	margin: auto;
}

#basketitles {
	display: inline;
	float: left;
	width: 49%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 5px;
}

#basketcontents {
	display: inline;
	float: right;
	width: 49%;
	font-weight: bold;
	text-align: right;
	margin-bottom: 5px;
}


#basket {
	width: 100%;
	text-align: center;
	background-color: #E8EDF6;
	/*background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/colours/templateblue-corner-tr.gif"); */
	
}

#basket  p {  text-align:left;color: #636363; background-color:background: #E8EDF6; background-image: url(../images/basket.gif) ; background-repeat:no-repeat ; background-position:80%; font-family: Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-size: 1.1em;padding: 6px 10px;margin: 0 0 10px 0;}
.boxbody1   { width: 985px; float: left;}

.boxcenter1 { width: 763px; float: right; }

.boxcenter1 a:hover{
	text-decoration: none;
}

.boxcenter1{
	line-height: 1.4em;
}
.boxcenter1 h1, .boxcenter1 h2, .boxcenter1 h3, .boxcenter1 h4{ font-family: Arial, Helvetica, Verdana, sans-serif; }
.boxcenter1 h1{
	font-size: 1.50em;
	letter-spacing: 0.1em;
	margin: 0; padding: 0;	
	clear: both;
}
.boxcenter1 h1 a{
	text-decoration: none;
}
.boxcenter1 h2{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.25em;
	margin-top: 0.5em;
}
.boxcenter1 h3, .boxcenter1 h4{
	font-size: 1.1em;
	margin-top: 0;
	letter-spacing: 0.1em;
}
.boxcenter1 h4{
	margin: 0;
}

.boxcenter1 p {
	margin-left:0; padding-left:0
}


#righttop{
	color: #636363;
	background: #E8EDF6;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	font-size: 1.25em;
	letter-spacing: -0.1em;
	padding: 6px 10px;
	margin: 0 0 1px 0;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url("../images/colours/templateblue-corner-tr.gif");

}
/*  catalogue   */
.prodtext {
	padding: 5px;
	margin: 0px;
	line-height: 18px;
}

.prodlistrow {
	display: table;
	width: 100%;
	clear: both;
	background-color: #FFFfFF;
	font-weight: normal;
	padding-top: 5px;
	padding-bottom: 5px; 
}

.prodlistrow img {
	display: block;
	
	padding-bottom: 6px;
}

.prodlistrow h2 {
	margin: 0px;
	padding: 0px 3px 0px 3px;
	color: #003366;
	font-size: 1.1em;
	text-align: center;	
}

.prodlistrow p.price {
	padding: 3px;
	color: #FF0000;
	font-weight: bold;
}


.prodlistrow .otherproducts {
	width: 66%;
	float: right;
	display: inline;
}

.prodlistrow .leftproduct {
	float: left;
	width: 235px;
	display: inline;
	text-align: center;
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
}

.prodlistrow .leftproduct a {
	display: block;
	width: 34%;
}

.prodlistrow .leftproduct .more 
{
	text-align: right;
	padding-right: 3px;
}


.prodlistrow .leftproduct .imagedisplay 
{
	height:125px;
}

.prodlistrow .leftproduct .buttondisplay 
{
	float:right ;padding-right:2px
}

.prodlistrow .otherproducts .centerproduct {
	width: 235px;
	float: left;
	display: inline;
	text-align: center;
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
		
}

.prodlistrow .otherproducts .centerproduct .more 
{
	text-align: right;
	padding-right: 3px;
}

.prodlistrow .otherproducts .centerproduct .imagedisplay 
{
	height:125px;
}

.prodlistrow .otherproducts .centerproduct .buttondisplay 
{
	float:right ;padding-right:2px
}

.prodlistrow .otherproducts .rightproduct {
	width: 235px;
	float: right;
	display: inline;
	text-align: center;
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
}

.prodlistrow .otherproducts .rightproduct .more 
{
	text-align: right;
	padding-right: 3px;
}

.prodlistrow .otherproducts .rightproduct .imagedisplay 
{
	height:125px;
}

.prodlistrow .otherproducts .rightproduct .buttondisplay 
{
	float:right ;padding-right:2px
}

.maincontenttitle {
	display: block;
	width: 100%;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	background-color: #0094D3;
}

.maincontenttitle h2 {
	padding: 3px 0px 3px 5px;
	margin: 0px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.1em;
}

.maincontentsubtitle {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	text-align: center;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 6px;
}

.maincontentsubtitle p {
	padding: 3px 0px 3px 4px;
	margin: 0px;
	color: #666666;
	font-weight: bold;
}

#info
{
 width:560px; float: left; font-size:1em;font-weight: normal; margin:5px; color:#6666668;
}

.searchinput		
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:600;
width:270px;
padding: 0px 15px 2px 0;	
 }
 
.summary {height:50px; padding-left:5px; padding-right:15px;}

.small-summary {height:40px; padding-left:5px; padding-right:15px;}

.prodlistrow.categorylistingleft {
	float: left;
	width:33%; 
	height: 237px; 
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
	display: inline;
}

.prodlistrow.categorylistingcenter {
	float: left;
	width:49%; 
	height: 237px; 
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
	display: inline;
}

.prodlistrow.categorylistingright{
	float: right;
	width:49%; 
	height: 237px; 
	background-image: url(../images/bg-categorylisting.jpg) ; 
	border: 1px solid #E2E2E2; 
	background-repeat: repeat-x;
	background-position: bottom left;
	display: inline;
}

.verticalspace {
	display: block;
	clear: both;
	width: 100%;
	font-weight: bold;
	text-align: center;
	
	background-color: #FFFFFF;
	text-align: left;
	margin-bottom: 6px;
}

.topdisplay {
	display: table;
	width: 100%;
	clear: both;
	font-weight: normal;
	/*padding-bottom: 5px; */
}

.topheading
{
float:left;text-align:left;color: #000000;font-family: Arial, Helvetica, Verdana, sans-serif;font-weight: bold;font-size: 1.25em;letter-spacing: -0.1em;
}


/*basket  page*/

#basketsubnavholder {
	display: block;
	clear: both;
	width: 100%;
	height: 20px;
	background-color: #993366;	
}

#basketstageholder {
	clear: both;
	width: 95%;
	text-align: center;
	margin: auto;
}

.basketstage {
	display: inline;
	width: 25%;
	float: left;
	text-align: left;
}

#baskettable {
	font-size: 11px;
	color: #000000;
}

#baskettable a {
	color: #003399;
	text-decoration: none;
}

#baskettable a:hover {
	color: #FF0000;
	text-decoration: underline;
}


#content {
	display: table;
	width: 948px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}


.topleft {
	background-image: url(../images/basket-corner-tl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #993366;
	height: 28px;
}

.topright {
	background-image: url(../images/basket-corner-tr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #993366;
}

.bottomleft {
	background-image: url(../images/basket-corner-bl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #993366;
	height: 28px;
}

.bottomright {
	background-image: url(../images/basket-corner-br.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #993366;
}

.bordertop {
	border-top: 5px solid #993366;
	padding-right: 15px;
}

.contentsrow {
	background-color: #E4E4E4;
	height: 35px;
	vertical-align: middle;
	color: #000000;
	padding: 10px 0px 10px 0px;
}

.contentsrowdiscount {
	background-color: #99CCFF;
	height: 35px;
	vertical-align: middle;
	color: #FFFFFF;
}

.contentsrowerror {
    background-color: #99CCFF;
    height: 35px;
    vertical-align: middle;
    color: red;
}

#moreholder
{
float: left;
}

.morePics
{
margin:5px; float: left;
}

.boxcenter2 { width: 800px; float: right; }

a.navi-cat-selected-pros:link		{color : #FFFFFF; text-decoration:  none;font-size:.8em;font-weight: bold; font-family:Verdana, Arial, Helvetica; }
a.navi-cat-selected-pros:visited	{color : #FFFFFF; text-decoration : none;font-size:.8em;font-weight:bold;font-family:Verdana, Arial, Helvetica; }
a.navi-cat-selected-pros:hover		{color : #FFFFFF; text-decoration:underline;font-size:.8em;font-weight:bold;font-family:Verdana, Arial, Helvetica; }

a.navi-cat-pros:link		{color : #333333; text-decoration : none;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }
a.navi-cat-pros:visited	{color : #333333; text-decoration : none;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }
a.navi-cat-pros:hover	{color : #333333; text-decoration:underline;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }


a.sub-cat-pros:link			{ color: #0000FF; text-decoration : none;font-size:0.8em;letter-spacing: 0.1em;font-family:Verdana, Arial, Helvetica; }
a.sub-cat-pros:visited		{color : #0000FF; text-decoration : none;font-size:.8em;letter-spacing: 0.1em;font-family:Verdana, Arial, Helvetica; }
a.sub-cat-pros:hover		{color : #0000FF; text-decoration:underline;font-size:.8em;letter-spacing: 0.1em;font-family:Verdana, Arial, Helvetica; }

a.navi-cat-pros-first:link		{color : #88898d; text-decoration : none;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }
a.navi-cat-pros-first:visited	{color : #88898d; text-decoration : none;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }
a.navi-cat-pros-first:hover	{color : #88898d; text-decoration:underline;font-size:.8em;font-weight: bold;font-family:Verdana, Arial, Helvetica; }

.searchinput-pros		
{
 font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
font-weight:600;
width:240px;
padding: 0px 15px 2px 0;	
 }
 
 .searchbutton-pros	
 			{ 
			   
			  border: 1px ; margin-left:5px;
			  padding: 0px 0 2px 0;
			  color: <%=session("rgb1")%>; 			  
			  font-family: Arial, Helvetica, Verdana, sans-serif;
			  font-size: 1.2em;
			  font-weight: bold; height:21px ;
			   width:75px; background-color:#FFFFFF;
			  
			  }
 .button
{
	background:url(../../pics/navi-bg.gif) repeat-x center left;
	color:#000066; cursor:pointer;
	font-weight: bold;
	border: solid 1px #CCC;
	padding: 0.1em;
}