<!--
/**
** ... $Header: /cvsroot/resplus/res_suppliers/RESPLUS/styles/res_style.css,v 2.12 2008/10/09 15:10:08 johntudor Exp $
** ... $Author: johntudor $
** ... $Date: 2008/10/09 15:10:08 $
** ... $Id: res_style.css,v 2.12 2008/10/09 15:10:08 johntudor Exp $
** ... $Name:  $
** ... $Revision: 2.12 $
** ... $Log: res_style.css,v $
** ... Revision 2.12  2008/10/09 15:10:08  johntudor
** ... Add formprompt5
** ...
** ... Revision 2.11  2008/09/03 06:33:01  johntudor
** ... Andrew's changes
** ...
** ... Revision 2.10  2008/08/27 15:06:47  johntudor
** ... Fix problem for Firefox
** ...
** ... Revision 2.9  2008/08/27 06:13:35  johntudor
** ... Put the page width back to 772
** ...
** ... Revision 2.8  2008/08/26 10:26:21  johntudor
** ... Logo in the wrong place
** ...
** ... Revision 2.7  2008/08/22 09:12:16  susantudor
** ... new look
** ...
** ... Revision 2.6  2008/05/29 08:37:54  johntudor
** ... Border 1 -> border 1px
** ...
** ... Revision 2.5  2007/11/08 08:20:15  johntudor
** ... Copy price grid style from VFB version
** ...
** ... Revision 2.4  2007/11/07 17:13:14  johntudor
** ... Add new style to space out tour screen better
** ...
** ... Revision 2.3  2007/06/26 16:14:41  johntudor
** ... First go ad adding manual travel leg
** ...
** ... Revision 2.2  2007/05/15 14:16:56  johntudor
** ... New style for radio buttons
** ...
** ... Revision 2.1  2007/02/02 16:44:22  johntudor
** ... Version 2
** ...
** ... Revision 1.36  2007/01/23 14:27:40  johntudor
** ... Changes for Firefox
** ...
** ... Revision 1.35  2007/01/18 15:36:08  johntudor
** ... Chose country from top banner
** ...
** ... Revision 1.34  2007/01/03 09:11:26  johntudor
** ... Add h1 and remove colour from li
** ...
** ... Revision 1.33  2006/06/28 14:32:02  andrewosborne
** ... new tabs for extended description
** ...
** ... Revision 1.32  2006/06/22 06:40:51  johntudor
** ... A change Andrew must have done
** ...
** ... Revision 1.31  2006/06/21 14:56:01  johntudor
** ... Move logo down a bit
** ...
** ... Revision 1.30  2006/02/16 09:49:34  johntudor
** ... Andrew's changes
** ...
** ... Revision 1.28  2006/01/17 09:45:10  johntudor
** ... Change region clickable text to smaller
** ...
** ... Revision 1.27  2006/01/11 12:40:30  johntudor
** ... Move favourites onto the same line as search
** ...
** ... Revision 1.26  2006/01/06 16:33:31  johntudor
** ... First go at "Icon group"
** ...
** ... Revision 1.25  2005/12/21 12:01:18  johntudor
** ... Chnage style for region link
** ...
** ... Revision 1.24  2005/12/20 09:42:11  johntudor
** ... New region link style
** ...
** ... Revision 1.23  2005/12/01 18:44:49  andrewosborne
** ... change table main to white as used in feature search
** ...
** ... Revision 1.22  2005/12/01 08:59:42  johntudor
** ... Sort out background colour of formheading
** ...
** ... Revision 1.21  2005/11/30 20:01:32  andrewosborne
** ... more changes
** ...
** ... Revision 1.20  2005/11/29 23:50:33  andrewosborne
** ... more changes
** ...
** ... Revision 1.19  2005/11/29 23:29:46  andrewosborne
** ... latest changes
** ...
** ... Revision 1.18  2005/11/28 23:34:55  andrewosborne
** ... latest changes
** ...
** ... Revision 1.17  2005/11/28 17:44:00  johntudor
** ... New layout
** ...
** ... Revision 1.16  2005/11/18 00:38:11  andrewosborne
** ... latest changes
** ...
** ... Revision 1.15  2005/11/17 23:44:34  andrewosborne
** ... style sheet adjustments
** ...
** ... Revision 1.14  2005/11/17 20:25:32  johntudor
** ... Various cosmetic fixes
** ...
** ... Revision 1.13  2005/11/16 19:07:03  andrewosborne
** ... latest style sheet
** ...
** ... Revision 1.12  2005/11/14 15:52:29  johntudor
** ... andrews fix
** ...
** ... Revision 1.11  2005/11/01 07:20:52  johntudor
** ... Andrew's change
** ...
** ... Revision 1.10  2005/10/12 10:34:59  johntudor
** ... Change the background colour for multi-column product display
** ...
**/
-->

body          { background-color: rgb(255,255,255); margin: 10 0 0 0 }
table         { background-color: silver; border-collapse: collapse }
table.page    { width: 772; background-color: white }
table.main    { width: 100%; margin: 0 }
table.tabs    { width: 100%; margin: 0 }
table.banner  { width: 100%; margin: 0 }
table.newscol { width: 100%; margin: 0 }
   
table.form    { width: 100%; font-size: 8pt; color: #0A0559; padding: 0; margin: 0 5 0 0 }  
table.form2   { width: 98%; font-size: 8pt; color: #0A0559; padding: 0; margin: 0 5 0 0 }  
table.help    { width: 490; font-size: 8pt; padding: 0; margin: 5 15 0 15 }

table.pricegrid{ border: 1px solid silver; background-color: rgb(255,234,213); margin: 8 0 5 0}
td.pricehead   { border: 1px solid silver; width: 100; font: normal normal 8pt Arial; color: red; text-align: center; padding: 2 }
td.pricedetail { border: 1px solid silver; text-align: center; padding: 2 }

td.formheader { font: normal bold 12pt Verdana; border:1px solid gray; text-align: center; color: #0A0559; background-color: #FF9966 }
td.formmain   { font: normal normal 8pt Verdana; padding: 0 }                             
td.formheading{ font: normal bold 10pt Verdana; border-top:1px solid gray; color: white; padding: 3 }                  
td.formprompt { width: 30%; font: normal normal 8pt Verdana; color: #003399; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 5 }
td.forminput  { width: 70%; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 0 }
td.formprompt2{ width: 50%; font: normal normal 8pt Verdana; color: #003399; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 5 }
td.formprompt3{ width: 50; font: normal normal 8pt Verdana; color: white; text-align: left; vertical-align: middle; padding: 5 }
td.formprompt4{ font: normal normal 8pt Verdana; color: #003399; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 5 }
td.formprompt5{ font: normal normal 8pt Verdana; color: #003399; text-align: left; vertical-align: top; background-color: #CFD7DF; padding: 5 }
td.forminput2 { width: 50%; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 5 }
td.formradio  { width: 20; text-align: left; vertical-align: middle; background-color: #CFD7DF; padding: 5 }

td.formcell   { color: #003399; background-color: #CFD7DF; padding: 2 4 2 4 }
td.formfiller { height: 5 }
td.selection  { font: normal normal 10pt Verdana; border:1px solid gray; text-align: center; color: #0A0559; background-color: white }
td.chart      { font-size: 7pt; color: #6666FF; background-color: pink; text-align: center; padding: 2 }
td.grid       { font: normal normal 8pt Verdana; color: #0A0559; background-color: white } 
td.helpbanner { font: normal bold 14pt Verdana; text-align: center; background-color: #000099; color: white} 
td.helpbody   { font: normal normal 9pt Verdana; border-left:1px solid silver; border-right:1px solid silver; background-color: white }
td.helpfill   { width: 15; background-color: white }

td.lmtop      { width: 15; background-color: white; padding: 0 }
td.tabarea    { width: 737; background-color: blue; padding: 0 }
td.rmtop      { width: 20; background-color: white; padding: 0 }
td.tab        { font: normal bold 10pt Arial; text-align: center; color: white; padding: 2 }
td.lefttab    { width: 3; background-image: url('../../../res_images/lefttab.gif'); background-repeat: no-repeat; padding: 2 }
td.righttab   { width: 2; background-image: url('../../../res_images/righttab.gif'); background-repeat: no-repeat; padding: 0 }
   
td.lmtopcorn  { width: 15; height: 15; background-image: url('../../../res_images/lmtopcorn.bmp'); padding: 0 }
td.rmtopcorn  { width: 20; height: 15; background-image: url('../../../res_images/rmtopcorn.bmp'); padding: 0 }   
td.lmbotcorn  { width: 15; height: 15; background-image: url('../../../res_images/lmbotcorn.bmp'); padding: 0 }
td.rmbotcorn  { width: 20; height: 15; background-image: url('../../../res_images/rmbotcorn.bmp'); padding: 0 }
td.midtop     { height: 15; background-image: url('../../../res_images/midtop.bmp'); background-repeat: repeat-x; padding: 0 }
td.midbot     { height: 15; background-image: url('../../../res_images/midbot.bmp'); background-repeat: repeat-x; padding: 0 }   
td.lmargin    { width: 15; background-image: url('../../../res_images/lmargin.bmp'); background-repeat: repeat-y; padding: 0 }  
td.lmargin1   { width: 15; background-image: url('../../../res_images/lmargin1.bmp'); padding: 0 }  
td.rmargin    { width: 20; background-image: url('../../../res_images/rmargin.bmp'); background-repeat: repeat-y; padding: 0 } 
td.rmargin1   { width: 20; background-image: url('../../../res_images/rmargin1.bmp'); padding: 0 }

td.banarea    { background-color: white; padding: 0 }
   
td.ltopcorna  { width: 5; height: 5; background-color: blue; background-image: url('../../../res_images/ltopcorna.gif'); padding: 0 }
td.rtopcorna  { width: 5; height: 5; background-color: blue; background-image: url('../../../res_images/rtopcorna.gif'); padding: 0 }
td.lbotcorna  { width: 5; height: 5; background-color: lightblue; background-image: url('../../../res_images/lbotcorna.gif'); padding: 0 }
td.rbotcorna  { width: 5; height: 5; background-color: lightblue; background-image: url('../../../res_images/rbotcorna.gif'); padding: 0 }

td.vspacera1  { width: 5; background-color: blue; padding: 0 }
td.vspacera2  { width: 5; background-color: lightblue; padding: 0 }
td.hspacera1  { height: 5; background-color: blue; padding: 0 }
td.hspacera2  { height: 5; background-color: lightblue; padding: 0 }   
     
td.ltopcornb  { width: 5; height: 5; background-color: darkblue; background-image: url('../../../res_images/ltopcornb.gif'); padding: 0 }
td.rtopcornb  { width: 5; height: 5; background-color: darkblue; background-image: url('../../../res_images/rtopcornb.gif'); padding: 0 }
td.lbotcornb  { width: 5; height: 5; background-color: azure; background-image: url('../../../res_images/lbotcornb.gif'); padding: 0 }
td.rbotcornb  { width: 5; height: 5; background-color: azure; background-image: url('../../../res_images/rbotcornb.gif'); padding: 0 }
   
td.vlspacerb1 { width: 5; background-color: darkblue; background-image: url('../../../res_images/vlspacerb.gif');padding: 0 }
td.vrspacerb1 { width: 5; background-color: darkblue; background-image: url('../../../res_images/vrspacerb.gif');padding: 0 }   
td.vlspacerb2 { width: 5; background-color: azure; background-image: url('../../../res_images/vlspacerb.gif');padding: 0 }
td.vrspacerb2 { width: 5; background-color: azure; background-image: url('../../../res_images/vrspacerb.gif');padding: 0 }
td.htopspacerb{ height: 5; background-color: darkblue; background-image: url('../../../res_images/htopspacerb.gif');padding: 0 }
td.hbotspacerb{ height: 5; background-color: azure; background-image: url('../../../res_images/hbotspacerb.gif');padding: 0 }
 
td.lbanner1   { width: 165; height: 35; background-color: blue; padding: 0 }
td.mbanner1   { width: 250; height: 35; font: normal bold 17pt Arial; vertical-align: middle; color: white; background-color: blue; padding: 0 }
td.rbanner1   { width: 312; height: 35; font: normal bold 11pt Arial; vertical-align: middle; color: white; text-align: right; background-color: blue; padding: 0 }
td.lbanner2   { width: 165; height: 50; background-color: lightblue; padding: 0 }
td.mbanner2   { height: 50; font: normal bold 9pt Arial; color: darkblue; background-color: lightblue; padding: 0 }
td.banner     { background-color: white }
    
td.lmbottom   { width: 15; height: 20; background-color: white; padding: 0 }
td.footer     { font: normal normal 10pt Arial; color: black; text-align: center; background-color: white; padding: 0 }
td.rmbottom   { width: 20; height: 20; background-color: white; padding: 0 }

td.content    { background-color: white; padding: 5 0 0 0 }
td.column1    { width: 160; height: 400; background-color: pink; padding: 5 0 0 0; vertical-align: top }
td.column2    { width: 572; background-color: rgb(255,255,255); padding: 0 5 0 0; vertical-align: top }
td.column22   { width: 100%; background-color: white; padding: 0 5 0 0; vertical-align: top }
td.column3    { width: 160; height: 400; vertical-align: top; background-color: rgb(255,255,255); padding: 5 0 0 0 }
td.newsheading{ font: normal bold 12pt Arial; color: white; background-color: darkblue }
td.newstext   { font: normal normal 8pt Arial; color: black; background-color: azure; padding: 5 0 5 0 }

a             { text-decoration: underline }
a:visited,
a:link        { color: blue }
a:hover       { color: red }
  
a.banlink       { text-decoration: none; color: white }
a:visited.banlink, 
a:link.banlink  { color: white; padding: 0; text-decoration: none }
a:hover.banlink { color: yellow}

a.banlink2      { text-decoration: none; color: silver }
a:visited.banlink2, 
a:link.banlink2 { color: silver; padding: 0; text-decoration: none }
a:hover.banlink2{ color: yellow}

a:visited.subtab, 
a:link.subtab { font: normal bold 9pt Arial; color: darkblue; padding: 0; text-decoration: none }
a:hover.subtab{ color: white}

a:visited.region, 
a:link.region { font: normal bold 8pt Arial; color: white; padding: 0; text-decoration: underline }
a:hover.region{ color: yellow}

a:visited.top, 
a:link.top    { text-decoration: none; font-weight: bold; color: white }
a:hover.top   { color: orange}

a:visited.button,
a:link.button { text-decoration: none }

a:visited.tab, 
a:link.tab    { font: normal bold 9pt Arial; text-decoration: none; color: white }
a:hover.tab   { color: silver }

a:visited.menu, 
a:link.menu   { color: rgb(238,27,46) }
a:hover.menu  { color: rgb(0,83,161) }
   
img           { border-width: 0; margin: 0 0 5 0 }     
img.left      { float: left; clear: left; margin: 0 10 5 0 }
img.right     { float: right }
img.pageleft  { float: left; clear: left; margin: 0 10 0 0 }
img.pageright { float: right }
img.newsleft  { margin: 0 0 5 0 }
img.newsright { float: right }
img.vmiddle   { vertical-align: middle; margin: 0 10 0 0 }
img.button    { float: left; clear: left; margin: 0 20 2 0 }
img.order     { float: right; vertical-align: middle; margin: 0 10 0 0 }
img.product   { margin: 4 0 4 0 }
img.catimage  { clear: both; margin: 10 0 5 0 }
img.prodimage { border: 1px solid black; float: left; clear: left; margin: 3 5 5 0  }
img.corner    { margin: 0 }
img.logo      { top: 50px; left: 50px }

p             { margin: 8 0 0 0 }
p.helphead    { font-size: 10pt; font-weight: bold; color: white; margin: 15 0 0 0 }
p.helptext    { margin: 10 0 0 0; padding: 0}
ul            { clear: left; margin: 8 0 0 16 }
li            { margin: 4 0 0 0  }
h1            { font: normal bold medium Arial; margin: 8 0 6 0 }
h2            { font: normal normal small Arial; margin: 8 0 4 0 }
h3            { font: normal normal x-small Arial; margin: 6 0 2 0 }
input, 
textarea,
select        { font: normal normal 9pt Verdana; color: #000080; margin: 2 0 1 0 }
input.right   { text-align: right }
 
hr            { clear: left; margin: 4 0 0 0 }

.current      { color: gray }
.currenttab   { font: normal bold 12pt Arial; color: white; background-color: #E08040 }
.currentsubtab{ font: normal bold 12pt Arial; color: white; background-color: #E08040 }
.heading      { font: normal bold 14pt Verdana; color: #000099; clear: both }
.starname     { font: normal bold 12pt Verdana; color: white; background-color: gray; vertical-align: top; clear: left }
.starbox      { border-style: solid; border-width: 3; color: silver; padding: 5 }
.prodbox      { width: 300; border-style: solid; border-width: 3; color: silver; padding: 5; margin: 5 5 5 20; float: left }
.textnorm     { font: normal normal 9pt Verdana; color: #003399 }
.textbold     { font: normal bold 10pt Verdana; color: #003399 }
.textcent     { font: normal normal 10pt Verdana; color: #003399; text-align: center }
.textsmall    { font: normal normal 8pt Verdana; color: #003399; clear: both }
.textsmallcent{ font: normal normal 8pt Verdana; color: #003399; text-align: center }
.textvsmall   { font: normal normal 7pt Verdana; color: #003399 }
.formstar     { font-weight: bold; color: #FF0000 }
.formnotes    { font: normal normal 8pt Verdana; color: red }
.formnotes2   { font: normal normal 8pt Verdana; background-color: #CFD7DF; color: red; border: 0 }
.formprocessing    
              { font: normal normal 14pt Verdana; color: red }

.box          { width: 99%; border-left:2px inset silver; border-right:1px inset silver; border-top:2px inset silver; border-bottom:1px inset silver; float: left; padding: 10; margin: 10 0 5 0 }
.catintro     { width: 100%; font: normal bold 8pt Arial; color: rgb(100,100,100); clear: left; margin: 0 0 10 0 }
.options      { font: normal bold 11pt Verdana; color: #6666FF; text-align: center }
.suboptions   { font: normal bold 8pt Verdana; color: #6666FF; text-align: center }
.copyright    { font: normal normal 7pt Verdana; text-align: center; color: #6666FF }
.endorse      { font: italic bold 7pt Verdana; color: red }
.sidenote     { font: normal normal 8pt Verdana; color: #003399; vertical-align: top; margin: 0 0 0 10 }
.cathead      { font: normal normal 8pt Verdana; color: black; margin: 4 0 3 0 }
.prodtitle    { color: black; font-style:normal; font-variant:normal; font-weight:bold; font-size:8pt; font-family:Verdana }
.prodintro    { font: normal normal 8pt Verdana; color: blue; margin: 8 0 0 0 }
.proddesc     { font: normal normal 8pt Arial; color: black; margin: 2 0 0 0 }
.prodprice    { font: normal bold 10pt Verdana; color: red; margin: 0 0 10 0 }
.newstitle    { background-color: rgb(0,83,161) }
.newsheading  { color:white; background-color: #8B94D6; font: normal normal 10pt Verdana }
.newstext     { margin: 0 }
.fromtext     { font: italic bold 8pt Arial; color: gray}
.fromprice    { font: normal bold 9pt Arial; color: red }
.radio1       { padding: 0; border: 0; width: 10; height: 12; padding: 0 0 0 0; vertical-align: middle }
.menusubhead  { background-color: rgb(238,27,46) }
.menutext     { font-size: 8pt; background-color: white }
.bullet       { color: white }
.actions      { font: normal bold 10pt Arial; color: gray; vertical-align: middle; margin: 0 0 0 5 }
.actions2     { float: right; vertical-align: middle; margin: 0 10 0 0 }