/***********************************************************************/
/*** Default page style                                              ***/
/*** OLD font-family declaration causes size diffs. across platforms ***/
/*** font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;     ***/
/*** It seems only Arial & Helvetica are guaranteed on all systems   ***/
/***********************************************************************/
body {
    margin: 0px;
    padding: 0px;
    border: 0px solid rgb(50, 50, 50);
    color: rgb(0,0,0);
    background: rgb(203, 203, 255);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    min-width: 800px;
    width: 100%;
    text-align: center;
}

form.search {
	    margin: 0px;
	    padding: 0px;
}

/* menu bar */

/*************************************************************************/
/*** Size, shape and colour of the menu bar along the top of the page  ***/
/*************************************************************************/

TABLE.menu_bar {
	       width: 100%; 
               margin: 0px; 
	       padding: 0px;
	       border-spacing: 0px;
	       border: 1px solid rgb(100, 100, 100);
	       background-color: rgb(60, 60, 60);
}

/*****************************/
/*** individual menu items ***/
/*****************************/
TD.menu_item {
	     width: 16.66%;
             margin: 0px; 
	     padding: 2px;
	     text-align: center; 
	     vertical-align: middle;
	     border: 1px solid rgb(0, 0, 0);
	     background-color: rgb(255, 255, 153);
}

td.menu_item:hover{
		margin: 0px;
		padding: 0px;
		background-color: rgb(255,255,0);
		border-top: 1px solid rgb(255,255,0);	
		border-left: 1px solid rgb(255,255,0) ;	
		border-right: 1px solid rgb(255,255,0);	
		border-bottom: 1px solid rgb(255,255,0);

}

/************************************/
/*** currently selected menu item ***/
/************************************/
TD.menu_item_active {
             margin: 0px; 
	     padding: 2px;
	     width: 16.6%; 
	     text-align: center; 
	     vertical-align: middle;
	     border: 1px solid rgb(0, 0, 0);
	     background-color: rgb(255, 255, 255);
}

td.menu_item_active:hover{
		margin: 0px;
		padding: 0px;
		background-color: rgb(255, 255, 0);
		border-top: 1px solid rgb(255,255,0);	
		border-left: 1px solid rgb(255,255,0) ;	
		border-right: 1px solid rgb(255,255,0);	
		border-bottom: 1px solid rgb(255,255,0);
}

/**************************************************/
/*** Size, shape and colour of the help console ***/
/**************************************************/
TABLE.help_console {
	       width: 100%;
	       margin: 0px; 
	       padding: 0px;
               border-spacing: 1px;
	       border: 1px solid rgb(100, 100, 100);
	       background-color: rgb(75, 75, 135);
}

/****************************************************************/
/*** default help text styling + inner black border placement ***/
/****************************************************************/
/*** padding = 5px, border = 2px ***/

TD.help_console {
          width: 100%;
          height: 130px;
          margin: 0px;
          padding: 5px;
	  border-spacing: 0px;
	  border: 2px solid rgb(0, 0, 0);
          font-weight: normal; 
          font-size: 12px;
	  line-height: 12px;
          color: rgb(255 ,255, 255);
          text-align: center;
          vertical-align: top;
}

/**************************************************************************/
/*** Size, shape and colour of the banner up the left side of the page  ***/
/**************************************************************************/

TABLE.banner {
	       width: 100%; 
	       padding: 0px; 
	       border-spacing: 1px; 
	       border: 1px solid rgb(100, 100, 100);
	       background-color: rgb(60, 60, 60);
}

TD.main_banner {
	       text-align: center; 
	       vertical-align: top;
	       width: 125px;
}


TD.banner_heading {
		  font-size: 18px; 
		  font-weight: bold;
		  text-align: center; 
		  vertical-align: middle; 
		  border: 1px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255); 
		  background-color: rgb(75, 75, 135);
		  height: 20px;
		  /*line-height: 30px;*/
}

TD.banner_subheading {
		  font-size: 18px; 
		  font-weight: bold;
		  text-align: center; 
		  vertical-align: middle;
		  border: 1px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255);
		  background-color: rgb(100, 100, 180); 
		  height: 20px;
		  /*line-height: 30px;*/
}

TD.banner {
	  font-weight: normal;
	  text-align: center; 
	  vertical-align: middle; 
	  border: 1px solid rgb(0, 0, 0);
          color: rgb(255, 255, 255);
	  background-color: rgb(255, 255, 153); 
	  height: 20px;
          /*line-height: 30px;*/
}

td.banner:hover{
             background-color: rgb(255, 255, 0);
		border-top: 2px solid rgb(255,255,0);	
		border-left: 2px solid rgb(255,255,0) ;	
		border-right: 2px solid rgb(255,255,0);	
		border-bottom: 2px solid rgb(255,255,0);
		margin: 0px;
		padding: 0px;
}

TD.banner_active {
	         font-weight: normal;
		 text-align: center; 
		 vertical-align: middle; 
		 border: 1px solid rgb(0, 0, 0);
		 color: rgb(255, 255, 255);
		 background-color: rgb(255, 255, 255); 
		 height: 20px;
		 /*line-height: 30px;*/
}

td.banner_active:hover{
             background-color: rgb(255, 255, 0);
		border-top: 2px solid rgb(255,255,0);	
		border-left: 2px solid rgb(255,255,0) ;	
		border-right: 2px solid rgb(255,255,0);	
		border-bottom: 2px solid rgb(255,255,0);
		margin: 0px;
		padding: 0px;
}

TD.banner_search {
	  font-weight: normal;
	  text-align: left; 
	  vertical-align: middle;
	  font-size: 12px; 
	  border: 1px solid rgb(0, 0, 0);
          color: rgb(0, 0, 0);
	  background-color: rgb(255, 255, 153); 
          line-height: 20px;
}

/*
td.banner_search:hover{
             background-color: rgb(255, 255, 0);
}
*/

TD.banner_search_active {
	  font-weight: bold;
	  text-align: left; 
	  vertical-align: middle; 
	  font-size: 12px; 
	  border: 1px solid rgb(0, 0, 0);
          color: rgb(255, 0, 0);
	  background-color: rgb(255, 255, 255); 
          line-height: 20px;
}


/*
td.banner_search_active:hover{
             background-color: rgb(255, 255, 0);
}
*/

input.banner_search {
	  font-weight: bold;
	  font-size: 12px;
	  text-align: center; 
	  vertical-align: middle;
          color: rgb(0, 0, 0);
	  background-color: rgb(255, 255, 153); 
	  width: 40px;
	  height: 20px;
}

input.banner_search:hover {
             background-color: rgb(255, 255, 0);
}

select.banner_search {
	  font-size: 10px;   
}

/********************************************************/
/*** visual behaviour of textual links in the menubar ***/
/*** at the top of the page and banner down the left  ***/
/*** side of the page                                 ***/
/********************************************************/
/******************************************************************/
/*** "border: none;" declared in hover rule to overcome IE6 bug ***/
/*** for more details, see:                                     ***/
/*** www.quirksmode.org/css/ie6_purecsspopups.html              ***/
/******************************************************************/

.menu_item { 
	text-align:     center;
        vertical-align: middle; 
	font-weight:    bold; 
	font-size :     10px; 
	color :         #000000; 
}

a.menu_item {
	    display:         block;
	    text-decoration: none;
}

a.menu_item:hover {
		font-size:       12px;
                border:          none;
		text-decoration: none; 
}

/*****************************************************************/
/*** Size, shape and colour of all detailed information tables ***/
/*****************************************************************/
table.contractdetail{
    width: 360px;
    text-align: center; 
    vertical-align: middle; 
    background-color: #336699; 
    border: inset 2pt; 
    border: outset 2pt; 
    border-spacing: 0pt;
    empty cells: show;
    border-collapse: collapse;
}

TD.contractdetailheading {
		  font-size: 18px; 
		  font-weight: bold;
		  text-align: center; 
		  vertical-align: middle; 
		  border-top: 2px solid rgb(0, 0, 0);
		  border-bottom: 2px solid rgb(0, 0, 0);
		  border-left: 2px solid rgb(0, 0, 0);
		  border-right: 2px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255); 
		  background-color: #4B4B87;
		  height: 30px;
		  width: 360px;
		  margin-left: 10px;
		  padding-left: 10px;
}

TD.contractdetailheadingleft {
		  font-size: 16px; 
		  font-weight: bold;
		  text-align: left; 
		  vertical-align: middle; 
		  border-top: 2px solid rgb(0, 0, 0);
		  border-bottom: 2px solid rgb(0, 0, 0);
		  border-left: 2px solid rgb(0, 0, 0);
		  border-right: 0px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255); 
		  background-color: #4B4B87;
		  height: 30px;
		  width: 180px;
		  margin-left: 10px;
		  padding-left: 10px;
}

TD.contractdetailheadingright {
		  font-size: 12px; 
		  font-weight: bold;
		  text-align: right; 
		  vertical-align: middle; 
		  border-top: 2px solid rgb(0, 0, 0);
		  border-bottom: 2px solid rgb(0, 0, 0);
		  border-left: 0px solid rgb(0, 0, 0);
		  border-right: 2px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255); 
		  background-color: #4B4B87;
		  height: 30px;
		  width: 180px;
		  margin-right: 10px;
		  padding-right: 10px;
}

/****************************************************/
/*** row headings for detailed information tables ***/
/****************************************************/
td.contractdetailmargin{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: #6464B4;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    width: 120px;
    height: 45px;
}

/***************************************************************/
/*** generic cell attributes for detailed information tables ***/
/*** (digits 1-6 denote the number of cell widths)           ***/
/***************************************************************/
td.contractdetail1{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 60px;
    height: 45px;
}

td.contractdetail2{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 120px;
    height: 45px;
}

/********************************************************************/
/*** this style has a padding of 5px to keep tabular data clear   ***/
/*** of the cell edges - it doesn't affect the proportions of the ***/
/*** table because it appears as one of a pair in any row that it ***/
/*** is used in                                                   ***/
/********************************************************************/ 
td.contractdetail3{
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 180px;
    height: 45px;
}

td.contractdetail4{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 240px;
    height: 45px;
}


/***************************************************************/
/*** padded version added for contact details tables so that ***/
/***  phone numbers aren't hard up against the cell border   ***/
/***************************************************************/
td.contractdetail4-pad{
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 240px;
    height: 45px;
}

td.contractdetail5{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 300px;
    height: 45px;
}

td.contractdetail6{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 360px;
    height: 45px;
}

/********************************************************************/
/*** tabular information with in detailed information table cells ***/
/********************************************************************/
td.contractdetailsub{
    border: 0px;
    font-size: 12px;
    font-weight: normal;
}

/**************************************************************/
/*** cells containing totals in detailed information tables ***/
/**************************************************************/
td.contractdetailtotal{
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 153);
    font-size: 12px;
    font-weight: bold;
    width: 60px;
    height: 45px;
}

/*******************************************/
/*** Size, shape and colour of all forms ***/ 
/*******************************************/
table.user_form{
    width: 360px;
    vertical-align: middle; 
    border: outset 4px; 
    border-spacing: 0px;
    empty cells: show;
    border-collapse: collapse;
}

tr.user_form_header{
	font-size: 18px; 
	font-weight: bold;
	text-align: left; 
	vertical-align: middle; 
	border-bottom: 2px solid rgb(0, 0, 0);
	color: rgb(255, 255, 255); 
	background-color: #4B4B87;
	height: 30px;
}

tr.user_form_footer{
	font-size: 18px; 
	font-weight: bold;
	text-align: right; 
	vertical-align: middle; 
	border-top: 2px solid rgb(0, 0, 0);
	color: rgb(255, 255, 255); 
	background-color: #4B4B87;
	height: 30px;
}

tr.user_form_body{
    height: 35px;
    background: rgb(255, 255, 255);
    border: 0px;
}

td.user_form_header{
    padding-left: 10px;
    width: 360px;
}

td.user_form_footer{
    padding-right: 10px;
    width: 360px;
}

td.user_form_label{
    width: 50%;
    padding-right: 5px;
    border: 0px;
    text-align: right; 
    font-weight: bold;
}

td.user_form_input{
    width: 50%;
    padding-left: 5px;
    border: 0px;
    text-align: left; 
}

input.user_form{
    #background: rgb(203, 203, 255);
    background: rgb(203, 203, 203);
    font-weight: bold;
    padding: 3px;
}

input.user_form_submit{
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 153);
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
    margin-left: 10px;
}

input.user_form_submit:hover{
    background: rgb(255, 255, 255);
}

/*********************************************************/
/*** Size, shape and colour of all tables displayed on ***/ 
/*** a tariff information page                         ***/
/*********************************************************/
table.tariff{
    width: 450px;
    text-align: center; 
    vertical-align: middle; 
    background-color: #336699; 
    border: inset 2pt; 
    border: outset 2pt; 
    border-spacing: 0pt;
    empty cells: show;
    border-collapse: collapse;
}

td.tariffmargin{
    margin: 3px;
    padding: 6px;
    border: 2px solid rgb(0,0,0);
    background-color: #6464B4;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    height: 50px;
}

td.tariff{
    margin: 3px;
    padding: 6px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 70px;
    height: 50px;
}



/**************************************************************/
/*** Size, shape and colour of the user questionnaire table ***/
/**************************************************************/
table.poll{
    width: 646px;
    background-color: #336699; 
    margin-left: 2px; /* outset border requires a space of 2px */
    border: outset 4px; 
    border-collapse: collapse;
}

tr.poll-question{
    height: 50px;
    background-color: #4B4B87;          
    color: #FFFFFF;     
    font-size: 12px;     
    font-weight: bold;
}

td.poll-qnum{
    width: 50px;
    padding-left: 3px;
    padding-right: 3px;
    border-bottom: 2px solid #000000;
    background-color: rgb(255, 255, 153);
    color: rgb(0,0,0);     
    font-size: 18px;     
    text-align: center; 
    vertical-align: middle;
}

td.poll-question{
    width: 540px;
    padding-left: 25px;
    padding-right: 25px;
    border-bottom: 2px solid #000000;
    text-align: left; 
    vertical-align: middle;
}

tr.poll-option{
    height: 30px;
    background-color: #FFFFFF;          
    color: #000000;     
    font-size: 12px;     
    font-weight: bold;
}

tr.poll-option-selected{
    height: 30px;
    background-color: #999999;          
    color: #000000;     
    font-size: 12px;     
    font-weight: bold;
}

tr.poll-option:hover{
		background-color: rgb(255,255,0);
}

tr.poll-option-selected:hover{
		background-color: rgb(255,255,0);
}

td.poll-option-select{
    width: 50px;
    margin: 5px;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px;
    text-align: center; 
    vertical-align: middle;
}

td.poll-option-text{
    width: 590px;
    padding-left: 25px;
    padding-right: 25px;
    border: 0px;
    text-align: left; 
    vertical-align: middle;
}

/**********************************************************/
/*** Size, shape and colour of the search results table ***/
/**********************************************************/
table.main{
    text-align: center; 
    vertical-align: middle; 
    width: 650px;
    background-color: #336699; 
    border: inset 2pt; 
    border: outset 2pt; 
    border-spacing: 0pt;
    empty cells: show;
    border-collapse: collapse;
}

/****************************************************/
/*** search results table - column headings cells ***/
/****************************************************/
tr.headrow{
    margin: 5px; 
    padding: 10px;
    border: 2px solid #000000;
    background-color: #336699;          
    color: #FFFFFF;     
    font-size: 12px;     
    font-weight: bold;
}

td.datecell{
    width: 80px;
    height: 50px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}

td.subjectcell{
    width: 120px;
    height: 50px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}

td.headlinecell{
    width: 410px;
    height: 50px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}


/****************************************************/
/*** search results table - generic cells (white) ***/
/****************************************************/
td.cell{
    width: 40px;
    height: 60px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}

/*****************************************************************/
/*** search results table - generic cells (unspecified colour) ***/
/*****************************************************************/
td.nocolourcell{
    width: 100px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

td.nocolourcell:hover{
             background-color: rgb(255, 255, 255);
}


/*************************************************************************/
/*** search results table - cells for tariff name (unspecified colour) ***/
/*************************************************************************/
td.tariffcell{
    width: 195px;
    height: 60px;
    margin: 0px;
    padding: 0px;
    border: 2px solid rgb(0,0,0);
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

td.tariffcell-tariff{
    width: 155px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    border: 0px
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

td.tariffcell-tariff:hover{
             background-color: rgb(255, 255, 255);
}

/*************************************************************************/
/*** search results table - cells for tariff term (unspecified colour) ***/
/*************************************************************************/
td.tariffcell-term{
    width: 40px;
    height: 50px;
    border: 0px
    font-size: 14px;
    font-weight: bold;
    text-align: center; 
}

td.tariffcell-mins{
    width: 195px;
    height: 10px;
    background-color: rgb(255, 255, 255);
    border: 0px;
    border-left: 0px;
    font-size: 10px;
    font-weight: bold;
    text-align: center; 
}

/***********************************************************/
/*** search results table - generic cells (light yellow) ***/
/***********************************************************/
td.lightcell{
    width: 65px;
    height: 60px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 203);
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}

/* commented out as only clickable cells should be highlighted
td.lightcell:hover{
             background-color: rgb(255, 255, 255);
}
*/

/**********************************************************/
/*** search results table - generic cells (dark yellow) ***/
/**********************************************************/
td.darkcell{
    width: 100px;
    height: 60px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 203);
    /*background-color: rgb(255, 255, 153);*/
    font-size: 12px;
    font-weight: normal;
    text-align: center; 
}

td.darkcell:hover{
    background-color: rgb(255, 255, 255);
}

td.emptycell{
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(155, 155, 155);
}

/*******************************************/
/*** search results table - status field ***/
/*** currently available deals (green)   ***/
/*******************************************/
TD.status-current {
    width: 40px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(0, 255, 0);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}

TD.status-current-detail {
    width: 100%;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(0, 255, 0);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}


/*************************************************************************/
/*** search results table - cells for tariff term (unspecified colour) ***/
/*************************************************************************/
TD.statuscell-header {
    width: 40px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    text-align: left;
    vertical-align: top; 
}

TD.statuscell-body {
    width: 40px;
    height: 30px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}

TD.statuscell-footer {
    width: 40px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/************************************************/
/*** search results table - status field      ***/
/*** deals that are no longer available (red) ***/
/************************************************/
TD.status-expired {
    width: 40px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 0, 0);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}

TD.status-expired-detail {
    width: 100%;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 0, 0);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}

/*******************************************/
/*** search results table - status field ***/
/*** deals with uncertain status (grey)  ***/
/*******************************************/
TD.status-unknown {
    width: 40px;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(200, 200, 200);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}

TD.status-unknown-detail {
    width: 100%;
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(200, 200, 200);
    font-size: 12px;
    font-weight: bold;
    text-align: center; 
}


/***************************/
/*** 12 month free table ***/
/***************************/

A.free-heading {
	display: block;
	text-decoration: none; 
	font-size: 12px;
	font-weight: bold;
	text-align: center; 
	color: rgb(255,255,255);
}

A.free-heading:hover {
	color : #FF0000;
        border: none;
	text-decoration: none;
}

TD.free-statuscell{
    width: 50px;
    height: 50px;
    border: 2px solid rgb(0,0,0);
    font-size: 14px;
    font-weight: bold;
    text-align: center; 
    color: rgb(255,255,255);
    background-color: rgb(75,75,135);
}

TD.free-infocell {
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(255, 255, 255);
    text-align: center; 
}

TD.free-maincell {
    width: 225px;
    height: 50px;
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    font-size: 14px;
    font-weight: normal;
    text-align: center; 
}

TD.handsetcell-header {
    width: 225px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: rgb(255, 255, 203);
    text-align: left;
}

TD.handsetcell-body {
    width: 225px;
    height: 20px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: rgb(255, 255, 203);
    font-size: 14px;
    font-weight: bold;
    text-align: center; 
}

TD.handsetcell-footer-left {
    width: 112.5px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    background-color: rgb(255, 255, 203);
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: rgb(255,0,0);
}

TD.handsetcell-footer-right {
    width: 112.5px;
    height: 15px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: rgb(255, 255, 203);
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
    color: rgb(255,0,0);
}


/************************************************************/
/*** Size, shape and colour of the actions console on the ***/
/*** right hand side of the detailed information page     ***/
/************************************************************/
table.buttontextgroup{
	       width: 100%; 
	       padding: 0px; 
	       border: 2px solid rgb(0, 0, 0);
	       border-collapse: collapse;
	       background-color: rgb(60, 60, 60);
	       text-align: center; 
	       vertical-align: middle; 
}

/*
table.buttontextgroup{
    border: 2px solid rgb(0,0,0);
    margin-right: auto;
    empty cells: show;
    border-collapse: collapse;
    text-align: center; 
    vertical-align: middle; 
}
*/

/****************************************************************/
/*** actions console: row including button + explanatory text ***/
/****************************************************************/
tr.buttontextgroup{
	height: 75px;
	width: auto;
}

/***********************************************/
/*** actions console: cell containing button ***/
/***********************************************/
td.button{
    width: 50px;
    margin: 2px;
    padding: 2px;
    border: 0px;
    font-size: 12px;
    font-weight: bold;
    background-color: #6464B4;
}

/*********************************************************/
/*** actions console: cell containing explanatory text ***/
/*********************************************************/
td.buttontext{
    width: 150px;
    margin: 2px;
    padding: 2px;
    border: 0px;
    font-size: 14px;
    font-weight: bold;
    background-color: rgb(255, 255, 255);
}


/***************************************************************/
/*** Size, shape and colour of the related searches console  ***/
/*** on the right hand side of the detailed information page ***/
/***************************************************************/
table.relatedpackages{
    margin-left: 25px;
    margin-right: auto;
    text-align: center; 
    vertical-align: middle; 
    background-color: #336699; 
    border: inset 2pt; 
    border: outset 2pt; 
    border-spacing: 0pt;
    empty cells: show;
    border-collapse: collapse;
}

/************************************************/
/*** related searches console: banner heading ***/
/************************************************/
td.relatedpackagesheader{
    margin: 2px;
    padding: 2px;
    #border: 2px solid rgb(0,0,0);
    background-color: #4B4B87;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: rgb(255, 255, 255); 
    border: 1px solid rgb(0, 0, 0);
    background-color: rgb(75, 75, 135);
}

/*****************************************************************/
/*** related searches console: cell containing a search option ***/
/*****************************************************************/
td.relatedpackages{
    margin: 2px;
    padding: 2px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
}




/*********************************************************/
/*** Size, shape and colour of all ordersummary tables ***/
/*** (used on link redirection page (go.php)           ***/
/*** styles copied from detailed info tables           ***/
/*********************************************************/
table.ordersummary{
    width: 540px;
    text-align: center; 
    vertical-align: middle; 
    background-color: #336699; 
    border: inset 2pt; 
    border: outset 2pt; 
    border-spacing: 0pt;
    empty cells: show;
    border-collapse: collapse;
}

TD.ordersummaryheading {
		  font-size: 18px; 
		  font-weight: bold;
		  text-align: center; 
		  vertical-align: middle; 
		  border-top: 2px solid rgb(0, 0, 0);
		  border-bottom: 2px solid rgb(0, 0, 0);
		  border-left: 2px solid rgb(0, 0, 0);
		  border-right: 2px solid rgb(0, 0, 0);
		  color: rgb(255, 255, 255); 
		  background-color: #4B4B87;
		  height: 30px;
		  width: 540px;
		  margin-left: 10px;
		  padding-left: 10px;
}

/*********************************************/
/*** row headings for order summary tables ***/
/*********************************************/
td.ordersummarymargin{
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    background-color: #6464B4;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    width: 180px;
    height: 45px;
}

td.ordersummary4{
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 360px;
    height: 45px;
}

td.ordersummary6{
    margin: 0px;
    padding: 5px;
    border: 2px solid rgb(0,0,0);
    background-color: rgb(255, 255, 255);
    font-size: 12px;
    font-weight: normal;
    width: 540px;
    height: 45px;
}





/************************************/
/*** behaviour of links in tables ***/
/************************************/
/******************************************************************/
/*** "border: none;" declared in hover rule to overcome IE6 bug ***/
/*** for more details, see:                                     ***/
/*** www.quirksmode.org/css/ie6_purecsspopups.html              ***/
/******************************************************************/
.table_cell { 
	font-weight: normal;
	text-align: center;
	font-size : 12px; 
	color : #000000; 
}

a.table_cell {
	display: block;
	text-decoration: none; 
}

a.table_cell:hover {
		color : #FF0000;
                border: none;
		text-decoration: none;
}

span.subtext {
	     font-size : 12px;
}



/************************************************/
/*** styles required for "shadow effect" text ***/
/************************************************/
#shadow{
	font-family: serif;
	font-weight: bold;
	font-size: 1em; /* optional. just to increase the font size. */
	display: block;
	line-height: 1em;
	color: rgb(135,135,135); /* shadow color */
	background-color: transparent;
	white-space: nowrap; /* wrapping breaks the effect */
}

#shadow:before,
#shadow:after{
	font-family: serif;
	font-weight: bold;
	content: "New!"; /* generated text */
	display: block;
}

#shadow:before{
	margin-bottom: -1.05em;
	margin-left: 0.1ex;
	color: white;  /*shadow color*/ 
	background-color: transparent;
}

#shadow:after{
	font-weight: bold;
	margin-top: -1.05em;
	margin-left: -0.1ex;
	color: black; /* text color */
	background-color: transparent;
}