html, body {color: #0000cd; width:100%; height:100%; overflow:hidden; font-family: verdana, arial, sans-serif; font-size: 14px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px;}
#background {position:absolute; z-index:1; width:100%; height:100%;}
#scroller {position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2;}
#content {padding:5px 100px 20px 200px;}
#fixed {font-family:"trebuchet ms", trebuchet, arial, sans-serif; font-size:1em;
position:absolute; top:20px; left:5px; width:150px; z-index:10; color:#567;}
img.menu {border: 0px none; width: 1px; height: 1px; padding: 3px 3px 0px 3px; margin: 0px 0px 0px 0px;}
.floatLeft{float: left; margin: 5px;}
.floatRight{float: right; margin: 5px;}
div.logo {padding: 0px; margin: 0px;}
.texttext {float: left; padding-left: 5px; width: 90%; text-align: left;}
.textcenter {float: left; padding-left: 5px; width: 90%; text-align: center;}
.textcenter1 {float: left; padding: 5px; width: 92%; text-align: center; border: solid 2px #99f; color:#c00;}
.clear {clear: left;}
.copy {text-align: center; font-size: 11px; padding-left:0px; padding-right:0px; padding-top:2px; padding-bottom:2px}
.places {visibility : hidden; font-size: 1%; color: black;}
a:link {color: #00008b;}
a:visited {color: #00008b;}
a:hover {color: #00008b; text-decoration: none;}
a:active {color: #00008b; text-decoration: none;}
b, strong {font-family: verdana, arial, sans-serif; font-weight: bold; color: #00008b;}
h1 {font-size: 200%; color: #00008b; font-family: verdana, arial, sans-serif;
text-align: center; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h2 {font-size: 175%; color: #0000ff; text-align: center; font-family: verdana, arial, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h3 {font-size: 120%; color: #00008b; text-align: center; font-family: verdana, arial, sans-serif; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 0px;}
h4 {font-size: 120%; color: #0000ff; text-align: center; font-family: verdana, arial, sans-serif; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h5 {font-size: 100%; color: #00008b; font-family: verdana, arial, sans-serif;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
h6 {font-size: 100%; color: #0000ff; font-family: verdana, arial, sans-serif;
padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
img {border: 0px;}
ul.rMenu, ul.rMenu ul, ul.rMenu li, ul.rMenu a
{
font-family: verdana, arial, sans-serif; font-size: 14px; display: block;
margin: 0; padding: 0;}
ul.rMenu, ul.rMenu li, ul.rMenu ul
{
list-style: none;}
ul.rMenu ul
{
display: none; position: absolute;}
ul.rMenu li
{
position: relative;}
ul.rMenu li:hover
{
z-index: 999;}
ul.rMenu li:hover > ul
{
display: block;}
ul.rMenu-hor li
{
float: left; width: auto;}
ul.rMenu-hRight li
{
float: right;}
ul.rMenu-ver li
{
float: none;}
ul.rMenu-ver, ul.rMenu-ver ul
{
width: 13em;}
ul.rMenu-wide
{
width: 100%;}
ul.rMenu-vRight
{
float: right;}
ul.rMenu-lFloat
{
float: left;}
ul.rMenu-noFloat
{
float: none;}
ul.rMenu-hor ul
{
top: auto; right: auto; left: auto; margin-top: -1px;}
ul.rMenu-ver ul
{
left: 60%; right: auto; top: auto; margin-top: -0.5em;}
ul.rMenu-vRight ul, ul.rMenu-hRight ul.rMenu-ver ul
{
left: -60%; right: auto; top: auto; margin-top: -0.5em;}
ul.rMenu-hRight ul
{
left: auto; right: 0; top: auto; margin-top: -1px;}
ul.rMenu li a
{
border: solid 1px #483d8b}
ul.rMenu-hor li
{
margin-bottom: 0; margin-left: -1px;}
ul.rMenu-h
{
padding-left: 1px ;}
ul.rMenu-ver li
{
margin-left: 0; margin-top: -1px;}
ul.rMenu-ver
{
border-top: solid 1px #fff;}
ul.rMenu li a
{
padding: 2px 5px 3px;}
ul.rMenu li a:link, ul.rMenu li a:hover, ul.rMenu li a:visited, ul.rMenu li a:active
{
text-decoration: none;}
ul.rMenu li.sfhover a:active,
ul.rMenu li:hover a:active
{
color: #fff; background-color: #c00;}
ul.rMenu li
{
background-color: #6495e1;}
ul.rMenu li:hover,
ul.rMenu li.sfhover
{
background-color: #6495ed;}
ul.rMenu li a:hover
{
background-color: #4169e1;}
ul.rMenu li.rMenu-expand a,
ul.rMenu li.rMenu-expand li.rMenu-expand a,
ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
padding-right: 25px;
background-image: url('http://www.sales-training-consultants.co.uk/sales-training/expand-right.gif'); background-repeat: no-repeat; background-position: 100% 50%}
ul.rMenu-vRight li.rMenu-expand a,
ul.rMenu-vRight li.rMenu-expand li.rMenu-expand a,
ul.rMenu-vRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand li.rMenu-expand a,
ul.rMenu-hRight li.rMenu-expand li.rMenu-expand li.rMenu-expand a
{
padding-right: 5px; padding-left: 20px; background-image: url('http://www.sales-training-consultants.co.uk/sales-training/expand-left.gif'); background-repeat: no-repeat; background-position: -5px 50%}
ul.rMenu-hor li.rMenu-expand a
{
padding-left: 5px; padding-right: 15px; background-image: url('http://www.sales-training-consultants.co.uk/sales-training/expand-down.gif'); background-position: 100% 50%}
ul.rMenu li.rMenu-expand li a,
ul.rMenu li.rMenu-expand li.rMenu-expand li a,
ul.rMenu li.rMenu-expand li.rMenu-expand li.rMenu-expand li a
{
background-image: url('none'); padding-right: 5px; padding-left: 5px}
* html ul.rMenu
{
display: inline-block; /* this is for IE/Mac. it forces IE/Mac to
expand the element's dimensions to contain
its floating child elements without a
clearing element. */
/* \*/ display: block; /* override above rule for every other
browser using IE/Mac backslash hack */
position: relative; /* IE 5.0/Mac needs this or it may clip the
dropdown menus */
/* \*/ position: static;/* reset position attribute for IE/Win as it
causes z-index problems */
}
* html ul.rMenu ul
{
float: left;}
ul.rMenu ul
{
background-color: #fff;}
* html ul.rMenu-ver li,
* html ul.rMenu-hor li ul.rMenu-ver li
{
width: 100%; float: left; clear: left;}
ul.rMenu-ver li a
{
min-width: 0;}
* html ul.rMenu-ver li a
{
height: auto; /* triggers hasLayout for IE/Mac */
/* \*/ height: 100%; /* trigger hasLayout for IE6 and earlier. does
not work for IE7 */
}
* html ul.rMenu-h
{ /* hide from IE Mac \*/
padding-left: 2px;}
* html ul.rMenu-hor li
{
width: 6em; /* IE Mac doesn't do auto widths so specify a width
for the sake of IE/Mac. Salt to taste. */
/* \*/ width: auto; /* now undo previous rule for non Macs by using
the IE Mac backslash comment hack */
}
* html ul.rMenu li.sfhover
{
z-index: 999;}
* html ul.rMenu li.sfhover ul ul,
* html ul.rMenu li.sfhover ul ul ul
{
display: none;}
* html ul.rMenu li.sfhover ul,
* html ul.rMenu li li.sfhover ul,
* html ul.rMenu li li li.sfhover ul
{
display: block;}
.clearfix:after
{
content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix
{
min-width: 0; /* trigger hasLayout for IE7 */
display: inline-block;
/* \*/ display: block; /* Hide from IE Mac */
}
* html .clearfix
{
/* \*/ height: 1%; /* Hide from IE Mac */
}
dl.box {background: transparent top left no-repeat; margin:5px 10px 10px 0px; padding:0; float:left; width:46%; border: solid 1px #483d8b;}
dl.box dt {background: #6495e1 top right no-repeat; font-size: 16px; font-weight: bold; padding:10px; text-align:center; color:#f0f8ff;}
dl.box dd {background: transparent bottom left no-repeat; font-size: 14px; padding:0; margin:0;}
dl.box1 {background: transparent top left no-repeat; margin:5px 10px 10px 0px; padding:0; float:left; width:94%; border: solid 1px #483d8b;}
dl.box1 dt {background: #6495e1 top right no-repeat; font-weight: bold; font-size: 16px; padding:10px; text-align:center; color:#f0f8ff;}
dl.box1 dd {background: transparent bottom left no-repeat; font-size: 14px; padding:0; margin:0;}
dd p {margin:0; padding:10px; line-height:1.3em;}
.sitebox {
font-family: verdana, arial, sans-serif; display: block; background-color: #6495e1;
float: left; width: 14em; padding: 2px 5px 3px; border: solid 1px #99f; margin:2px 2px 2px 2px; }
.siteboxblank {
font-family: verdana, arial, sans-serif; display: block; float: left; width: 14em;
padding: 2px 5px 3px; margin:2px 2px 2px 4px; }