/* Royal Mail Group stylesheet for all browsers */
/* If you need styles to be added or changed, please ask your eBusiness BRM about the process. */
/* Any changes made to this file by unauthorised users will be overwritten the next time the file is released. */
/* PS30Sept08 Jump2 fixes */

html {
    overflow-x: hidden;
    overflow-y: auto;
}
 
a:link, a:visited {
    color: #cc0000; 
    text-decoration: underline;
}

a:hover {
    color:#990000; 
    text-decoration: underline; 
    background:transparent;
}

body {
    font: 75% Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0 0 0 8px;
}

br { clear: left; }

caption {
    text-align: left;
    padding-left: 0;
    padding-bottom: 6px;
    margin-top: 12px;
}

h1 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000000;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000000;
    font-weight: bold;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000000;
}

h4 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #000000;
}

h5 {
    margin: 0;
    padding: 0;
    font-size: 1em;
    color: #017A57;
    font-weight: normal;
}

h6 {
    margin: 0 0 3px;
    padding: 0;
    font-size: 1.1em;
    color: #cc0000;
    font-weight: bold;
}

img { border: none; }

form { display: inline; }

input, select {
    font-size: 1em;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

input.button {
    margin:0px 0px 0px 0px;
    padding:0px 0px 8px 0px;
}

input.header {
    font-size: 1em;
    vertical-align: middle;
    margin: 0;
    padding-left: 2px;
}

textarea {
    font: 68%  Arial, Helvetica, sans-serif;
    font-size: 1em;
    vertical-align: middle;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.PCOLblktxt {
    font-weight: bold;
    font-size: 120%;
    color: #000000;
}

li {
    margin: 1px 0;
    padding: 0;
}

ul li { list-style: none; }

p {
    margin: 0;
    padding: 0;
}

table { font-size: 1em; }
thead th { font-weight: bold; }

td {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 1em;
    vertical-align: top;
    padding-left: 5px;  
}

th {
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 2px 0 2px 5px;
}

ul {
    margin: 0;
    padding: 0;
}

#Standard-Template, #Home-Template {
    width: 724px;
    margin-top:5px;
}

#Hidden-Links {
    position: absolute;
    left: 60px;
    top: 3px;
    color: #000000;
}

#Breadcrumb {
    display:block;
    margin: 2px 0 9px 145px;
    padding: 0 0 0 0;
    width: 448px;
    color:#666;
}

#Home-Template #Breadcrumb {
    display:block;
    margin: 2px 0 9px 4px;
    padding: 0 0 0 0;
    width: 439px;
    color:#666;
}

#Seperator {
    font-size: 1em;
    margin: 1px 0;
    padding: 0;
    height: 10px;
}

#Breadcrumb a:link, #Breadcrumb a:visited {
    text-decoration: none;
    color:#666;
}

#Breadcrumb a:hover {
    text-decoration: underline;
    color:#cc0000;
}

div#Content-Region { width: 724px; }

div#Content-Left-Nav {
    margin:0 0 0 0;
    padding: 0;
    width: 139px;
    float: left;
    position:relative;
}

div#Content-Middle-3col {
    position:relative;
    margin: 0 0 0 12px;
    padding: 0;
    width: 448px;
    float: left;
}

div#Standard-Template div.thisheader { width:448px; }
div#Standard-Template div#Content-Right div.thisheader { width:573px; }

div#Content-Right-Nav {
    position:relative;
    margin: 0 0 0 10px;
    padding: 0;
    width: 115px;
    float: left; 
}

div#Content-Right {
    float: left;
    margin: 0 0 0 12px;
    width: 573px;
    position: relative;
}

div#Content-Left {
    float: left;
    width: 552px;
    position: relative;
}

#Home-Template #Content-Left {
    float: left;
    width: 599px;
    position: relative;
}

div.default {
    margin: 0 0 12px 0;
    padding: 0 0 14px 0;
}

div.default h2 { 
    padding: 3px 0 2px 12px;
}

div#Content-Left div.default h1.Equal { 
    padding: 3px 0 2px 12px;
    background: #68177F url(/images/postoffice/cssImages/top-thin-extra.gif) no-repeat left top;
}

div#Content-Left div.default-Circle h1.Equal{ 
    background: #68177F url(/images/postoffice/cssImages/products-top-left.gif) no-repeat left top;
    padding: 3px 0 2px 12px;
}

div.default ul {
    border:none;
    padding: 4px 3px 4px 12px;
    margin: 0;
}

div.default ul ul{
    border-right: none;
    border-left: none;
    padding: 4px 3px 0 4px;
    margin: 0;
}

div.default li {
    list-style: none;
    background: url(/images/rmg/black-bullet.gif) no-repeat 0px 4px;
    padding-left: 8px;
    margin: 0 0 2px 0;
}

#Content-Middle-3col .default .Content-Area2 div.faqs ol li .paragraph ol li,
#Content-Right .default .Content-Area2 div.faqs ol li .paragraph ol li,
div.default ol li {
    list-style: decimal outside;
    color: #000000;
    background: none;
    padding-left: 0px;
    margin-left: 0px;
}

div#Content-Left div.Green p.home,  div#Content-Left div.Green form.home {
    display: block;
    padding: 4px 3px 0 12px;
    border:none;
    margin: 0;
}

div#Content-Right-Nav div.Green div.waysToOrder {
    border: none;
    padding: 1px 0 4px 0;
    margin: 0;
    width:114px;
    float:left;
}

div#Content-Left-Nav div.Green div.waysToOrder {
    border: none;
    padding: 1px 0 4px 0;
    margin: 0;
    width:138px;
    float:left;
}

div.Green li.Clearer {
    background: url(/images/postoffice/widget/underline/rule.gif) repeat-x left bottom;
}

div#Content-Right-Nav div.Green li { margin: 0 0 1px; }

div#Content-Left div.Green li { margin: 0 0 2px; }

div#Content-Left div.Green ul {
    margin: 0;
    padding-right: 0;
    padding-bottom: 0;
}

div#Content-Middle-3col {
    position:relative;
    margin: 0 0 0 11px;
    padding: 0;
    width: 430px;
    float: left;
}

div#Standard-Template div.Stretchy-2-col {
    margin: 0;
    padding: 0; 
}

div#Standard-Template div.Menu-Item-Row {
    padding: 0; 
    margin: 0 0 10px 0px;
    position: relative;
    background: transparent none no-repeat bottom left;
    border: none;
    clear: none;
}

/* CHECK */
div#Standard-Template div.Menu-Item a { width:190px; }
div#Content-Right div.Menu-Item a { width:250px; }

div#Standard-Template div.Menu-Item {
    width: 208px;
    float: left;
    margin: 0 9px 10px 0;
    padding: 0 0 0 0;
    height: 100%;
    border-left: 1px solid #204A92;
    border-right: 1px solid #204A92;
    overflow: hidden;
}

div#Standard-Template div.Menu-Item-Spacer{
    background: transparent url(/images/rmg/category-menu-bottom.gif) no-repeat bottom left;
    float: left;
    font-size: 8px;
    width: 210px;
    display: block;
    position: relative;
    vertical-align: bottom;
    margin: -1px 0 0px -1px;
    padding: 0 0 0 0;
}

div#Standard-Template div.Menu-Item h3 {
    color: #ffffff;
    font-size: 1em;
    background :#204A92 url(/images/rmg/category-menu-top.gif) no-repeat top left;
    float:left;
    width:207px;
    display: block; 
    position: relative; 
    margin: 0 0 0 -1px;
    padding:5px 0 3px 3px;
}


div#Content-Right div.Menu-Item h3 {
        padding:5px 0 3px 6px;
}

div#Standard-Template div.Menu-Item p{
    float: left;
    width: 190px;
    padding-bottom: 10px;
    display: block;
    position: relative; 
}

div#Content-Right div.Menu-Item p{
    width: 260px;
}

div#Standard-Template div#Content-Left-Nav div.Green {
    margin:0;
    padding: 0 0 14px 0;
    background: #E6F2F0 url(/images/rmg/list-flexilist-bottom.gif) no-repeat left bottom;
    width:139px;
    float:left;
    clear:left;
}

div#Content-Left-Nav div.Green h2 {
    background: #017A57 url(/images/rmg/list-flexilist-top.gif) no-repeat left top;
    padding:3px 0px 3px 10px;
    color:#ffffff;
}

div#Home-Template div#Content-Right-Nav div.Green {
    margin: 0 0 5px;
    padding: 0 0 14px 0;
    background: #EBEBEB url(/images/rmg/list-default-bottom.gif) no-repeat left bottom;
    width: 115px;
    float: left;
    clear:left;
}

div#Content-Right-Nav div.Green div.waysToOrder img{
    border: none;
    margin: 0;
    width:114px;
    float:left;
}

div#Standard-Template div#Content-Right-Nav div.Green{
    margin: 0;
    padding: 0 0 14px 0;
    background: #E6F2F0 url(/images/rmg/green-border-bottom.gif) no-repeat left bottom;
    width: 115px;
    float: left;
    clear:left;
}

div#Home-Template div#Content-Right-Nav div.Green h2 {
    background: #CC0000 url(/images/rmg/list-default-top.gif) no-repeat left top;
    padding: 3px 0 2px 12px;
    color: #FFFFFF;
    border: none;
}

div#Standard-Template div#Content-Right-Nav div.Green h2 {
    background: #017E60 url(/images/rmg/green-border-top.gif) no-repeat left top;
    padding: 3px 0 2px 12px;
    color: #FFFFFF;
    border: none;
}

div#Home-Template div#Content-Right-Nav div.Green p,
div#Standard-Template div#Content-Right-Nav div.Green p {
    display: block;
    border: none;
    padding: 4px 3px 0 12px;
    margin: 0 0 6px;
}

div#Home-Template div#Content-Right-Nav div.Green ul,
div#Standard-Template div.Green ul{
    border: none;
    padding: 4px 3px 4px 12px;
    margin: 0;
    float:left;
}

div#Home-Template div#Content-Right-Nav div.Green a:link, 
div#Home-Template div#Content-Right-Nav div.Green a:visited {
    color: #cc0000;
    text-decoration:underline;
    background: url(/images/rmg/grey-bullet.gif) no-repeat 0 2px;
    padding-left:15px;
}

div#Home-Template div#Content-Right-Nav div.Green a:hover {
    color: #990000;
}

div#Standard-Template div.Green a:hover {
    color: #990000;
}

div#Standard-Template div.Green a:link, 
div#Standard-Template div.Green a:visited {
    color: #cc0000;
    text-decoration:underline;
    background: url(/images/rmg/green-bullet.gif) no-repeat 0 2px;
    padding-left:15px;
}

div#Content-Left div.default, 
div#Content-Left div.Green {
    margin-bottom: 12px;
}

div#Content-Left div.default p {
    border-right: 1px solid #F6B90C;
    border-left: 1px solid #F6B90C;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 12px;
}


div#Content-Left div.default p.Divider-Underline {
    padding-top: 6px;
}

div#Content-Left div.default div p, 
div#Content-Left div.default table p {
    border-right: none;
    border-left: none;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

div.Right-Item {
    width: 158px;
    border-right: 1px solid #F6B90C;
    border-left: 1px solid #F6B90C;
    background: url(/images/postoffice/widget/underline/rule-right-col.gif) no-repeat left bottom;
    padding: 12px 2px 12px 6px;
    position: relative; 
}

div#Home-Template div.Menu-Item-Row {
    width: 609px;
    padding: 0;
    height: 129px;
    margin: 15px 0 10px -10px;
    position: relative;
    background: transparent url(/images/rmg/menu-border-bottom.gif) no-repeat bottom left;
    border: none;
    clear: left;
}

div#Home-Template div.Menu-Item {
    width: 292px;
    height: 120px;
    float: left;
    margin: 0 0 10px 9px;
    padding: 0 0 0 0;
    display: inline;
    border-left:1px solid #204A92 ;
    border-right:1px solid #204A92 ;
    overflow:hidden;
}

div#Home-Template div.Menu-Item img {
    float: left;
    display:inline;
    margin: 6px 6px 0 6px;
    position: relative; 
    top: 1.5em;
}

div#Home-Template div.Menu-Item h3 {
    color: #ffffff;
    font-size: 1em;
    background :#204A92 url(/images/rmg/menu-border-top.gif) no-repeat top left;
    float:left;
    width:291px;
    display: block; 
    position: relative; 
    top: -95px;
    margin: 0 0 0 -1px;
    padding:5px 0 3px 3px;
}

div#Home-Template div.Menu-Item p{
    float:left;
    width:200px;
    padding-bottom:3px;
    display: block; 
    position: relative; 
    top: -60px;
    margin-left:39px;
}

div#Home-Template div.Menu-Item p a:link, 
div#Home-Template div.Menu-Item p a:visited {
    color: #cc0000;
    font-size: 1em;
    text-decoration: underline;
    background: url(/images/royalmail/arrow.gif) no-repeat left top;
    padding-left:15px;
    clear:left;
    float:left;
    width:140px;
}

div#Home-Template div.Menu-Item p a:hover {
    color: #990000;
}

#Copyright {
    width: 724px;
    height: 43px;
    margin: 0 0 1.5em;
    padding: 5px 0;
    position: relative;
}

div.Stretchy-1-col h1.default { 
    padding: 3px 0 2px 12px;
    background: #68177F url(/images/postoffice/cssImages/category-top.gif) no-repeat left top;
}

div.Stretchy-1-col, div.Stretchy-2-col {
    margin: 0 ;
    padding: 0 0 0 0;
    width: 448px;
}

div#Home-Template div.Stretchy-2-col {
    background: #E8EDF3 url(/images/rmg/bottom-wide.gif) no-repeat left bottom;
    margin: 0 0 5px;
    padding: 0 0 15px;
    width: 598px;
}
 
div.Menu-Item-Row  {
    clear: left;
    margin: 0;
    padding: 12px 0 0 0;
    width: 448px;
}

div.Stretchy-1-col div.Menu-Item-Row  {
    padding-top: 12px;
}

div#Home-Template div.Menu-Item-Col{
    background: #E8EDF3; 
    float: left;
    position: relative;
    width: 270px;
    padding: 12px 0 0 10px;
    margin: 0;
}

div#Home-Template div.Menu-Item-Col div.Divider{
    background: url(/images/postoffice/widget/underline/rule.gif) repeat-x left center;
    position: relative;
    width: 225px;
}

div#Home-Template div.Menu-Item-Col ul {
    margin-bottom: 3px;
    position: relative;
    padding-bottom: 3px;
}

div#Home-Template div.Menu-Item-Col ul.Bottom-Item {
    background: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

div#Home-Template div.Menu-Item-Col ul li {
    list-style: none;
    margin-left: 8px;
    padding-bottom: 0;
}

div#Home-Template div.Menu-Item-Col ul ul li {
    background: url(/images/rmg/circle-button.gif) no-repeat 0 3px;
    list-style: none;
    margin-left: 8px;
    padding-bottom: 0;
    padding-left: 12px;
}

div#Home-Template div.Menu-Item-Col ul li a:link, 
div#Home-Template div.Menu-Item-Col ul li a:visited {
    background: url(/images/rmg/circle-button.gif) no-repeat 0 3px;
    list-style: none;
    padding-left: 12px;
}

div#Home-Template div.Menu-Item-Col ul li.First a:link, 
div#Home-Template div.Menu-Item-Col ul li.First a:visited {
    background: none;
    padding-left: 0;
}

div#Home-Template div.Menu-Item-Col ul li.First {
    margin-left: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

div.Stretchy-1-col div.Menu-Item  {
    margin: 0 12px;
    padding: 0 0 12px;
    border: none;
    float: none;
}

div.Stretchy-2-col div.Menu-Item {
    width: 208px;
    float: left;
    margin: 0 5px 0 0;
    display: inline;
    border-left:1px solid #204A92 ;
    border-right:1px solid #204A92 ;
    background :#ffffff url(/images/rmg/category-menu-bottom.gif) no-repeat bottom left ;
    height:135px;
    overflow:hidden;  
}

#Home-Template div.Stretchy-2-col div.Menu-Item {
    width: 310px;
}

div.Stretchy-2-col div.Menu-Item img {
    float: left;
    display: inline;
    margin: 6px 6px 0 6px;
    position: relative;
    top: 1.5em;
}

div.Stretchy-2-col div.Menu-Item h3 {
    color: #ffffff;
    font-size: 1em;
    background: #204A92 url(/images/rmg/category-menu-top.gif) no-repeat top left;
    float: left;
    width: 206px;
    display: block;
    position: relative;
    margin: 0 0 0 -1px;
    padding: 5px 0 3px 4px;
}

#Home-Template div.Stretchy-2-col div.Menu-Item div.Menu-Item-Spacer {
    width:310px;
}

div.Stretchy-2-col div.Menu-Item p{
    float: left;
    width: 207px;
    padding: 3px;
    display: block;
    position: relative;
}

div.Stretchy-2-col div.Menu-Item p a:hover {
    color: #990000;
}

div.Stretchy-2-col div.Menu-Item p a:link, 
div.Stretchy-2-col div.Menu-Item p a:visited {
    color: #cc0000;
    font-size: 1em;
    text-decoration: underline;
    background: url(/images/royalmail/arrow.gif) no-repeat 0 2px;
    padding-left:15px;
    clear: left;
    float: left;
    width: 140px;  
}

div.Stretchy-2-col div.Menu-Item-Col li a:link, 
div.Stretchy-2-col div.Menu-Item-Col li a:visited{
    background: url(/images/rmg/circle-button.gif) no-repeat 0 3px;
    margin-left: 0px;
    clear: left;
    float: left;
    padding-bottom: 0;
    padding-left: 12px;
}

div.Stretchy-1-col div.Menu-Item img {
    float: left;
    margin-right: 6px;
}

div.Stretchy-1-col div.Menu-Item h2 {
    color: #000000;
    font-size: 1em;
}

div.Stretchy-1-col div.Menu-Item p a:link, 
div.Stretchy-1-col div.Menu-Item p a:visited {
    color: #cc0000;
    font-size: 1em;
    text-decoration: underline;
    background: url(/images/royalmail/arrow.gif) no-repeat left top;
    padding-left: 15px;
}

div.Stretchy-1-col div.Menu-Item p a:hover {
    color: #990000;
}

div.Green p.Top a:hover,
div.default p.Top a:hover {
    color: #990000;
}

div.Green p.Top a:link, 
div.Green p.Top a:visited, 
div.default p.Top a:link, 
div.default p.Top a:visited {
    color: #cc0000;
    text-decoration: underline;
}

div#Content-Left-Nav div.Green p {
    padding-bottom: 10px;
}

div#Content-Left-Nav div.Green li p {
    padding-bottom: 0;
    padding-top: 0; 
}

div.Menu-List-Item {
    display: inline;
    width: 124px;
    float: left;
    margin: 12px 0 0 12px;
    padding: 0;
    position: relative;
}

div.Menu-List-Item img{
    margin-bottom: 2px;
}

div.Menu-List-Item a:link, 
div.Menu-List-Item a:visited {
    color: #cc0000;
    text-decoration: underline;
}

div.Menu-List-Item a:hover {
    color: #990000;
}

div.Menu-List-Item p.Arrow a:link, 
div.Menu-List-Item p.Arrow a:visited {
    width: 114px;
    display: block; 
    background: url(/images/rmg/black-bullet.gif) no-repeat 0px 4px;
    padding-left: 8px;
    padding-bottom: 6px;
}

div.Menu-List-Item p.Circle a:link, 
div.Menu-List-Item p.Circle a:visited {
    width: 107px;
    display: block;
    background: url(/images/royalmail/arrow.gif) no-repeat left center;
    padding-left: 15px;
}

img.Tag {
    position: absolute;
    height: 18px;
    width: 124px;
    left: 0;
    top: 0;
    display: inline;
    margin: 0;
    padding: 0;
}

div.Menu-Image-Switch {
    clear: left;
    padding-top: 8px;
    padding-bottom: 4px;
    font-size: 0.9em;
}

div.Menu-Image-Switch a:hover {
    color: #990000;
}

div.Menu-Image-Switch a:link, 
.Menu-Image-Switch a:visited {
    text-decoration: underline;
    color: #cc0000;
}
div#Foot-Note {
    padding: 0 12px 12px;
    clear: left;
}

div#Print-Send {
    display:none;
}

div.Bottom-Item, 
p.Bottom-Item {
    background: none;
    padding-bottom: 0;
}

div.Stretchy-1-col div.Bottom-Item {
    background: none;
    padding-bottom: 0;
}

.Top-Category {
    /* to remove the top spaces */
    padding-bottom: 0;
    position: relative;
    border:none;
}

.Top-Category .paragraph {
    clear: left;
    padding-right: 12px;
}

div.Divider-Overline {
    margin-bottom: 10px;
    background: url(/images/postoffice/widget/underline/rule.gif) repeat-x left top;
    padding-top: 4px;
    clear: both;
    margin-right: 4px;
    margin-left: 4px;
}

div.Divider-Overline p {
    margin-bottom: 0;
    padding-top: 0;
    border: none;
    margin-right: 0;
    margin-left: 0;
}

div#Content-Left div.Green div.Divider-Overline {
    background: url(/images/postoffice/widget/underline/rule-left-col-wide.gif) no-repeat 0px 16px;
    padding: 24px 0px 0px 0px;
}

div#Content-Left div.Green ul {
    padding-bottom: 1px;
}

div#Content-Left div.Green p.Divider-Overline {
    background: url(/images/postoffice/widget/underline/rule-left-col-wide.gif) no-repeat 0px 16px;
    border-top: none;
    border-right: 1px solid #F6B90C;
    border-bottom: none;
    border-left: 1px solid #F6B90C;
    padding: 24px 12px 0;
}

div#Content-Left div.default div.Divider-Overline {
    background: url(/images/postoffice/widget/underline/rule-left-col-wide.gif) no-repeat 0px 12px;
    border-top: none;
    border-right: 1px solid #F6B90C;
    border-bottom: none;
    border-left: 1px solid #F6B90C;
    padding: 24px 12px 0;
    margin: 0;
}

div#Content-Left div.default div.Content-Area-Thin div.Divider-Overline{
    background: url(/images/postoffice/widget/underline/rule-left-col-wider.gif) no-repeat 0px 8px;
    border: none;
    padding: 20px 4px 0 9px;
    height: 1%;
}

div#Content-Left div.Green p.Divider-Overline a:link, 
div#Content-Left div.Green p.Divider-Overline a:visited {
    color: #cc0000;
    background: url(/images/royalmail/arrow.gif) no-repeat left center;
    padding-left: 15px;
    text-decoration: underline;
}

div#Content-Left div.Green p.Divider-Overline a:hover {
    color: #990000;
}

div#Content-Left div.Green h2, 
div#Content-Left div.default h3{
    color: #000000;
    border-left: 1px solid #F6B90C;
    border-right: 1px solid #F6B90C;
    padding: 12px 0 6px 12px;
    background: url(/images/postoffice/widget/underline/rule-left-col-wide.gif) repeat-x left bottom;

}

div#Content-Left div.default h2.Equal {
    border-left: 1px solid #F6B90C;
    border-right: 1px solid #F6B90C;
    padding: 6px 0 6px 12px;
    background: url(/images/postoffice/widget/underline/rule-left-col-wide.gif) repeat-x left bottom;
    color: #000000;
}

div#Content-Left div.default h2.Article {
    padding: 6px 0 6px 12px;
    background: url(/images/postoffice/widget/underline/rule-right-col-wider.gif) repeat-x left bottom;
    color: #000000;
}


div#Content-Left div.default th h3 {
    border-left: none;
    border-right: none;
    padding: 0;
    background: none;
}

div.Divider-Underline h3 {
    padding: 8px 0 0 0;
    margin: 0;
}


td a:link, 
td a:visited {
    color: #cc0000;
    text-decoration: underline;
}

td a:hover {
    color: #990000;
}

td img {
    vertical-align: middle;
}

td p input {
    margin-top: 6px;
}

div.Content-Area {
    padding-top: 6px;
    padding-right: 12px;
    padding-left: 12px;
}

div.Content-Area2 {
    border:none;
}

div#Content-Left div.default div.Content-Area2 {
    width:550px;
}

div#Content-Left div.default div.Content-Area2 p, 
div#Content-Left div.default div.Content-Area2 h2, 
div#Content-Left div.default div.Content-Area2 h3, 
div#Content-Left div.default div.Content-Area2 h4 {
    padding-right: 12px;
    padding-left: 12px;
}

div.Content-Area-Thin {
    border-right: 1px solid #F6B90C;
    border-left: 1px solid #F6B90C;
    padding-top: 6px;
    display:inline-block;
}

div#Content-Left div.Content-Area-Thin {
    width: 550px;
}

div#Content-Left  div.Content-Area {
    width: 526px;
}

div#Home-Template div.Content-Area {
    width: 598px;
    padding-top: 0;
    margin: 0;
    padding-right: 0px;
    padding-left: 0px;
}

div.Divider-Overline .Float-Right a:hover {
    color: #990000;
}

div.Divider-Overline .Float-Right a:link, 
div.Divider-Overline .Float-Right a:visited {
    background: url(/images/rmg/black-bullet.gif) no-repeat 0px 4px;
    padding-left: 8px;
    color: #cc0000;
    text-decoration: underline;
}


.Float-Left {
    float: left;
}

.Float-Right {
    float: right;
    padding:0px 0px 1px 0px;
}

.Float-Right-space {
    float: right;
    padding:0px 10px 1px 0px;
}

.Float-Right-spaceaddr {
    float: right;
    padding:0px 3px 1px 0px;
}

.Float-Right-Noarrow {
    float: right;
    padding:0px 0px 1px 0px;
}

.Clearer {
    clear: both;
    height: 0;
    font-size: 1px;
    margin: 0px;
    padding: 0px;
}

div.Green .Top-Pad {
    padding-top: 12px;  
}

.redTErrB { 
    font-size: 1em;
    font-weight: bold; 
    color: #cc0000;
    text-decoration: none; 
}

.redTErr { 
    font-size: 1em;
    font-weight: normal; 
    color: #cc0000;
    text-decoration: none; 
}

p a:link, 
p a:visited {
    color: #cc0000;
    text-decoration:underline;
}

p a:hover {
    color: #990000;
}

#Content-Region .link-arrow {
    background: url(/images/rmg/black-bullet.gif) no-repeat 0px 4px;
    padding-left: 10px;
}

#Content-Region .link-arrow-back {
    background: url(/images/rmg/black-bullet.gif) no-repeat 0px 4px;
    padding-left: 10px;
}

.visible-txt{
    display:inline-block;
}

.Divider{
    background: url(/images/postoffice/widget/underline/rule.gif) repeat-x left top;
    margin:0px 2px 0px 2px; 
    display:inline-block;
}

.horiz-rule1 { 
    color:#000000;
    margin:0px 13px 0px 13px;
    background: url(/images/postoffice/widget/underline/rule_red.gif) repeat-x left bottom;
}

div#Content-Left div.default div.Content-Area2 ul li  {
    padding-left: 12px;
    background-image: url(/images/postoffice/widget/bullet/img_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    list-style:none;
}


div.Stretchy-2-col h1.default,
div.Stretchy-2-col-ti h1.default  { 
    padding: 3px 0 2px 12px;
    background: #68177F url(/images/postoffice/cssImages/top-wide-thin.gif) no-repeat left top;
}

div.default p.faq {
    margin:0px 0px 2px 0px;
}

div#Content-Middle-3col div.Stretchy-1-col  p,
div#Content-Middle-3col div.Stretchy-2-col  p {
    border:none;
    margin-bottom:0.5em;
}

/* Updated on 02-Aug-2005 */

div.default div.Content-Area2 ul{
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    border:none;
    list-style:none;
}

div.default div.Content-Area2 ul li{
    margin: 0px 12px 0px 12px;
    padding: 0px 0px 0px 12px;
    background-image: url(/images/postoffice/widget/bullet/img_bullet_red.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    list-style:none;
}

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

div.default div.Content-Area2 ol{
    padding-left: 12px;
}

div.Content-Area2 ol li{
    padding-left: 0px;
    margin: 0;
}

div#Content-Middle-3col div.Content-Area2  {
    clear: left;
    margin: 0;
    padding: 0;
    width: 439px;
    border:none;
}
div#Content-Right div.Content-Area2  {
    clear: left;
    margin: 0;
    padding: 0;
    width: 573px;
    border:none;
}

div.Content-Area2 p{
    padding:2px 10px 0px 10px;
}

div#Content-Middle-3col div.Content-Area2 p{
    padding:0 8px 0 0;
}
div#Content-Right div.Content-Area2 p{
    padding-left:0;
}

div#Content-Middle-3col div.default  h1,
div#Content-Right div.default  h1{ 
    padding: 3px 0 2px 0;
    background: #68177F url(/images/postoffice/cssImages/category-top.gif) no-repeat left top;
}

div#Content-Middle-3col div.green  h1 { 
    padding: 3px 0 2px 0px;
    background: #017A57 url(/images/postoffice/cssImages/category-top.gif) no-repeat left top;
}

div#Content-Middle-3col div.green div.Top-Category,
div#Content-Middle-3col div.default div.Content-Area2 div.Top-Category {
    border:none;
}

div#Content-Middle-3col div.default-Circle h1,
div#Content-Right div.default-Circle h1{ 
    background: none;
    color:#cc0000;
    font-size:1.75em;
    font-weight:normal;
    margin-bottom: -5px;
}

div#Content-Middle-3col div.default-Circle h1.subtitle,
div#Content-Right div.default-Circle h1.subtitle{ 
    background: none;
    color:#333399;
    font-size:1.2em;
    font-weight:bold;
    padding-bottom: 10px;
    border-bottom:1px solid #ccc;
    margin: 0 0 10px 0;
}


div#Content-Middle-3col div.green  h1 { 
    padding: 3px 0 2px 12px;
    background: #017A57 url(/images/postoffice/cssImages/top-extra.gif) no-repeat left top;
}

div#Content-Middle-3col div.Content-Area2 h2,
div#Content-Right div.Content-Area2 h2{
    padding: 0px 0px 1px 0px;
    margin:0px 10px 6px 0px;
    border-bottom : 1px solid #ccc;
    color: #000000;
}

div#Content-Middle-3col ul,
div#Content-Right ul{
    padding:6px 0px 10px 4px;
}

#Content-Middle-3col .default .Content-Area2 div.faqs ol li .paragraph ul li,
#Content-Right .default .Content-Area2 div.faqs ol li .paragraph ul li,
div#Content-Middle-3col li, div#Content-Right li { 
    margin: 0px 12px 0px 0px;
    padding: 0px 0px 0px 12px;
    background-image: url(/images/postoffice/widget/bullet/img_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
    list-style:none;
}

div#Content-Middle-3col div.Divider{
    background: url(/images/postoffice/widget/underline/rule.gif) repeat-x left top;
    padding-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom:0px;
}

div#Content-Middle-3col  div.green {
    background: #FFFFFF url(/images/postoffice/cssImages/bottom-wide-thin.gif) no-repeat left bottom;
}

div#Content-Left div.Content-Area2 div.Menu-Item-Row  {
    clear: left;
    margin: 0px 0px 0px 10px;
    padding: 12px 0 0 0;
    width: 530px;
    border:none;
}

div#Content-Left div.Content-Area2 div.Menu-Item img {
    float: left;
    margin-right: 6px;
}

div#Content-Left div.Content-Area2 div.Menu-Item h2 {
    color: #000000;
    font-size: 1em;
}

div#Content-Left div.Content-Area2 div.Menu-Item p{
    float:right;
    width:450px;
    text-align:left;
    padding:0px 0px 3px 0px;
}

div#Content-Left div.Content-Area2 div.Menu-Item p a:link, 
div#Content-Left div.Content-Area2 div.Menu-Item p a:visited {
    color: #cc0000;
    font-size: 1em;
    text-decoration: underline;
    background: url(/images/royalmail/arrow.gif) no-repeat left top;
    padding-left:15px;
    clear:left;
    float:left;
    width:300px;
}

div#Content-Left div.Content-Area2 div.Menu-Item p a:hover {
    color: #990000;
    font-size: 1em;
    text-decoration: underline;
    background: url(/images/royalmail/arrow.gif) no-repeat left top;
    padding-left:15px;
    clear:left;
    float:left;
    width:300px;
}

div#Content-Left div.Content-Area2 div.Top-Category {
    padding-bottom: 12px;
    padding-left: 12px;
    position: relative;
    border:none;
}

div#Content-Left div.Content-Area2 div.Top-Category p {
    clear: left;
    padding: 10px 12px 0px 0px;
    border:none;
}

.displaytable {
    clear: both;
}

.displaytable {
    padding-right: 12px;
    padding-left: 12px;
}

.displaytable tr {
    vertical-align: top
}

.displaytable tr.boldrow{
    font-weight: bold;
}

.displaytable td{
    border: #ebebeb 1px solid;
    color: #000;
    text-align: left;
    padding: 3px 1px 3px 5px;
}

.displaytable td.left {
    text-align: left;
    padding: 3px 1px 3px 5px;
}

.displaytable th{
    background-color: #f4efde;
    text-align: center;
    padding: 3px 1px 3px 5px;
}

.displaytable th.left {
    background-color: #f4efde;
    text-align: left;
    padding: 3px 1px 3px 5px;
}

.displaytable th.leftbold {
    background-color: #f4efde;
    text-align: left;
    font-weight: bold;
    padding: 3px 1px 3px 5px;
}

.displaytable tr.darker td.darker {
    background-color: #f4efde
}

.displaytable tr.lighter td.lighter {
    background-color: #ffffff
}

div.Stretchy-2-col div.Menu-Item.Has-Image P {
    width: 98px;
    float:right;
}

#Content-Left .Menu-Item-Row .Has-Image p {
    width: 204px;
    float:right;
    padding: 0 2px 0 0;
    overflow: hidden;
    display: block;
    position: relative;
    top: -94px;
    margin: 0;
}

#Content-Left .Menu-Item-Row img {
    margin: 0 0 0 3px;
    vertical-align: text-top;
    width: 75px;
    float:left;
}

div#Content-Left-Nav img {
    margin-bottom:5px;
    width:138px;
}

#RMG-header-footer {
    padding: 0 0 0 0;
}

#RMG-header-footer h1 {
    padding:0;
    margin:0;
}

#RMG-header-footer .topBanner {
    width: 724px;
    margin-top:19px;
    overflow:hidden;
}

#RMG-header-footer .topHeader {
    float:left;
    width:400px;
}

#RMG-header-footer .topNav {
    text-align: right;
    width:324px;
    margin: 5px 0 0 0;
    float:left;
}

#RMG-header-footer .navButtons {
    width: 724px;
}

#RMG-header-footer .navButtons img {
    border:0;
}

#RMG-header-footer .footer {
    width: 724px;
}

#RMG-header-footer .borderTopBot {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    padding: 15px 0 15px 0;
}

#RMG-header-footer .footerLogos {
    position: relative;
    width: 724px;
    text-align:center;
}

#RMG-header-footer .footer .borderTopBot .footerLogos img {
    border:0;
    margin: 0 14px 0 14px;
}

#RMG-header-footer .terms {
    width:724px;
    margin:5px 0 0 0;
    text-align:center;
}

#RMG-header-footer .redCopy {
    color: #CC0000;
    font-family: arial, helvetica, sans-serif;
}

#RMG-header-footer .redCopyLink:visited, 
#RMG-header-footer .redCopyLink:active, 
#RMG-header-footer .redCopyLink:link {
    color:#CC0000;
}

#RMG-header-footer .redCopyLink:hover {
    color:#990000;
}

#RMG-header-footer .redSep {
    color:#CC0000;
}

#RMG-header-footer .greyCopy {
    color: #666666;
    font-family: arial, helvetica, sans-serif;
}

#RMG-header-footer .greyCopyLink:link, 
#RMG-header-footer .greyCopyLink:visited, 
#RMG-header-footer .greyCopyLink:active {
    color: #666666;
    text-decoration:none;
}

#RMG-header-footer .greyCopyLink:hover{
    color: #CC0000;
    text-decoration:underline;
}

#RMG-header-footer .greySep {
    color:#CCCCCC;
}

/* New navigation Styles begin */

#Content-Left-NavNav .Nav-Menu{
    display:block;
    position:relative;
    width: 139px;
    max-width:139px;
    margin:-30px 0 0 0;
    padding:0 0 0 0;
    border:0;
    list-style:none outside;
    line-height:1.4em;
    text-decoration:none;
    color:#fff;
    overflow:hidden;
}


#Content-Left-NavNav .Nav-Menu .toplevel a:link,
#Content-Left-NavNav .Nav-Menu .toplevel a:visited,
#Content-Left-NavNav .Nav-Menu .toplevel-chosen a:link,
#Content-Left-NavNav .Nav-Menu .toplevel-chosen a:visited {
    display:block;
    width:115px;
    max-width:115px;
    padding:5px 5px 5px 19px;
    background: #C7D3E3 url("/images/royalmail/widget/arrow/black-down.gif") 6px 9px no-repeat;
    font-size:100%;
    color:#000;
    text-decoration:none;
}

#Content-Left-NavNav .Nav-Menu .toplevel a:hover,
#Content-Left-NavNav .Nav-Menu .toplevel-chosen a:hover {
    display:block;
    width:115px;
    max-width:115px;
    padding:5px 5px 5px 19px;
    background: #204A92 url("/images/royalmail/widget/arrow/white-down.gif") 6px 9px no-repeat;
    font-size:100%;
    color:#fff;
    text-decoration:none;
}

#Content-Left-NavNav .Nav-Menu .secondlevel-list a:link,
#Content-Left-NavNav .Nav-Menu .secondlevel-list a:visited {
     display:block; 
    width:105px;
    max-width:105px;
    margin:0 0 0 0;
    padding:5px 5px 5px 29px;
    background: #E8EDF3 url("/images/royalmail/widget/arrow/black.gif") 19px 9px no-repeat; 
    font-size:100%;
    color:#000;
    text-decoration:none;
    overflow:hidden;
}

#Content-Left-NavNav .Nav-Menu .secondlevel-list a:hover {
    display:block;
    width:105px;
    max-width:105px;
    padding:5px 5px 5px 29px;
    background: #C7D3E3 url("/images/royalmail/widget/arrow/red.gif") 19px 9px no-repeat;
    font-size:100%;
    color:#c00;
    text-decoration:none;
}

#Content-Left-Nav  .Left-Nav-Spacer {
margin-top : 5px;
}

/* New Navigation Styles End */

div.default img {
    float: right;
    clear: both;
    display: block;
}

/* Calendar styles */

.width432 {
    width:  432px;
}
.width422 {
    width:  422px;
}
.width186 {
    width:  186px;
}
.lightBlueTd {
    background-color:#ECF0F6;
    vertical-align:top;
}
.calRedTd {
    background-color:#CD0001;
}
.calOrangeTd {
    background-color:#E09107;
}
.calYellowTd {
    background-color:#EDDF43;
}
.callightGreenTd {
    background-color:#9FC88F;
}
.calBrownTd {
    background-color:#996633;
}

.cal-darkGreenTd {
    background-color:#679966;
}
.cal-lightBlueTd {
    background-color:#8FA4C8;
}

.cal-darkBlueTd {
    background-color:#606E86;
}

.cal-stripe-wht {
    background-color:#ffffff;
}
.cal-stripe-blu {
    background-color:#F8FAFC;
}
.cal-line-blu {
    background-color:#EFF2F7;
}
.datebgcolor {
    background-color:#BFCCE1;
}
.caldate-blk {
    color:#000000;
    background-color:#BFCCE1;
    text-align: center;
    vertical-align:top;
    padding: 2px 0px 0px 0px;
    width:20px;
    height:21px;
}
.caldate-wht {
    color:#ffffff;
    vertical-align:middle;
}
.bodycopy-blk {
    color:#000000;
    margin:0px;
    padding-bottom:16px;    
}

div.Spacer-10px-wide
{
    width:10px;
    height:1px;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
}

div.Spacer-20px-high
{
    width:1px;
    height:20px;
    margin:0;
    padding:0;
    border:0;
    overflow:hidden;
}

#bg-outertop-leftcorner {
    background:url("http://www.royalmail.com/images/ctf/diversity/cal-number-top-leftcorner.gif");
    margin:0px;
    padding:2px 0px 0px 0px;
    width:20px;
    height:21px;
}
#bg-outerbot-leftcorner {
    background:url("http://www.royalmail.com/images/ctf/diversity/cal-number-bot-leftcorner.gif");
    margin:0px;
    padding:2px 0px 0px 0px;
    width:20px;
    height:21px;
}

#Content, #NewCalendar {
    color:#666666;
    position:relative;
    top:5px;
    left:10px;
    width:400px;
    padding:0;
    margin:0;
}

.FirstCalDate {
    vertical-align:top;
    background-color:#BFCCE1;
}
.LastCalDate {
    vertical-align:bottom;
    background-color:#BFCCE1;
}
.a-top {
    vertical-align:top;
}
.a-bot {
    vertical-align:bottom;
}
.paddingTop {
padding-top:2px;
}

.tdPadding {
    padding:2px 0px 2px 0px;
    vertical-align:top;
}

th {
    font-weight: normal;
}
.caldate-wht22 {
        color:#ffffff;
        vertical-align:middle;
}
.caldate-wht2 {
        color:#ffffff;
        vertical-align:middle;
}
.bg-outertop-leftcorner {
        background-color:#BFCCE1;
        background-image:url("/images/ctf/diversity/cal-number-top-leftcorner.gif");
        background-position:top left;
        background-repeat:no-repeat;
        color:#000000;
        text-align: center;
        vertical-align:top;
        padding: 2px 0px 0px 0px;
        width:20px;
        height:21px;
        margin:0px;
}

.bg-outerbot-leftcorner {
        background-color:#BFCCE1;
        background-image:url("/images/ctf/diversity/cal-number-bot-leftcorner.gif");
        background-position:bottom left;
        background-repeat:no-repeat;
        color:#000000;
        text-align: center;
        vertical-align:top;
        padding:2px 0px 0px 0px;
        width:20px;
        height:19px;
        margin:0px;
}

div.lightblue { position: relative; left:10px; width:186px; background-color:#8FA4C8;}
div.darkblue { position: relative; left:10px; width:186px; background-color:#606E86;}
div.lightgreen { position: relative; left:10px; width:186px; background-color:#9FC88F;}
div.darkgreen { position: relative; left:10px; width:186px; background-color:#679966;}
div.orange { position: relative; left:10px; width:186px; background-color:#E09107;}
div.red { position: relative; left:10px; width:186px; background-color:#CD0001; text-decoration:none;}
div.brown { position: relative; left:10px; width:186px; background-color:#996633;}

.MidRowS {  position: relative; display: table; height:15px; padding-left:10px; padding-right:10px;}
.MidRowD { position: relative; top:2px; display: table; height:34px; padding-left:10px; padding-right:10px;}
.MidRowT { position: relative; top:3px; display: table; height:50px; padding-left:10px; padding-right:10px;}

#NewCalendar th, #NewCalendar td { border-bottom: 1px solid #EFF2F7;}

/* Error classes */
.redTErrB { 
    font-size: 75%;
    font-family:arial, helvetica, sans-serif;
    font-weight: bold; 
    color: #cc0000;
    text-decoration: none; 
    }
    
.redTErrB100 { 
    font-size: 100%;
    font-family:arial, helvetica, sans-serif;
    font-weight: bold; 
    color: #cc0000;
    text-decoration: none; 
}

.redTErr100 {
    font-size: 100%;
    color: #cc0000;
}



/* REGISTRATION */
/* The #reg styles are used in a variety of applications, not just registration */
div#reg
{
    width: 448px;
    color: #000000;
    margin:0;
    
}

div#reg-popup
{
    width: 357px;
    color: #000000;
    height: 100%;
}

div#reg div.reg-indent h1 
{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    padding: 0 0 3px 10px;
    border-bottom: 1px solid #666666;
    margin: 0 0 12px -10px;
    position: relative;
    top: 12px;
}

div#reg-popup h1
{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    padding: 0 0 3px 10px;
    border-bottom: 1px solid #666666;
    margin: 0 0 12px -10px;
    position: relative;
    top: 4px;
}

div#reg h1.after-subtitle
{
    margin-top: -12px;
    margin-bottom: 0;
}

/* CH25May04 Class names beginning with a number are incorrect according to CSS2 syntax. Not in use?  */
div#reg h1.2line
{
    border-right: 1px solid #ffffff;
}

div#reg h1.terms-top
{
    margin-top: -15px;
    border-right: 1px solid #ffffff;
}

div#reg input
{    
    color: #000000;
    line-height: 1em;
    border: 1px solid #999999;
}

div#reg input.radio,
div#reg input.rmfillbox,
div#application input.rmfillbox
{
    border: 0;
    position: relative;
    top: 2px;
}

div#reg div.radio-block
{
    margin: 26px 0 0 -5px;
}

div#reg div.radio-block-under-tickbox
{
    margin: 1px 0 0 -5px;
}

div#reg a img, div#reg input.img {  border: 0; }

div#reg a   {
    color: #cc0000;
    text-decoration: underline;
    }

div#reg a:hover {
    color: #990000;
    text-decoration: underline;
    }

div#reg a.dim   {
    color: #666666;
    }

div#reg span.hi-light   {
    color: #cc0000;
    }

div#reg div.reg-indent
{
    margin: 10px;
    margin-right: 0;
}

div#reg-popup div.reg-indent
{
    margin: 10px;
    margin-right: 0;
    height: 274px;
}

div#reg img#reg-title
{
    display: block;
    margin: 0 0 17px 0;
}

div#reg p
{
    margin: 0 0 1em 0;
}

div#reg div.log-in-col-1
{
    width: 91px;
    float: left;
}

div#reg div.log-in-col-2
{
    width: 146px;
    float: left;
}

div#reg div.log-in-col-2-txt
{
    width: 146px;
    float: left;
    padding: 0 0 6px 10px;
}

div#reg div.email-col-1
{
    width: 140px;
    float: left;
}

div#reg div.email-col-2
{
    width: 146px;
    float: left;
}

div#reg div.email-col-2 input
{
    width: 119px;
    height: 15px;
    margin: -1px 0 4px 0;
}

div#reg div.email-col-2 textarea
{
    width: 238px;
    height: 104px;
    margin: -1px 0 4px 0;
    border: 1px solid #999999;
    
    color: #666666;
    line-height: 1em;
}

div#reg div.log-in-col-2 input
{
    width: 119px;
    height: 1.5em;
    margin: -1px 0 4px 0;
}

div#reg div.register-col-1
{
    width: 140px;
    float: left;
}

div#reg div.register-col-2
{
    width: 142px;
    float: left;
}

div#reg div.order-col-1
{
    width: 130px;
    float: left;
    margin: 0 0 6px 0;
}

div#reg div.order-col-2
{
    float: left;
}

div.order-col-1 strong
{
    color: #999999;
}

div#reg div.register-col-2 input
{
    width: 119px;
    height: 1.3em;
    margin: -1px 0 4px 0;
}

div#reg p.reg-intro
{
    padding: 0 0 3px 0;
}

div#reg p.reg-mid
{
    padding: 12px 0 3px 0;
}

div#reg p.between-buttons
{
    padding: 19px 0 6px 0;
}

div#reg img.log-in
{
    margin: 3px 0 0 0;
    border: 0;
}

div#reg img.question
{
    position: relative;
    top: 2px;
    margin: 0 0 0 1px;
}

div#reg div.tick-block
{
    padding: 16px 0 8px 0;
}

div#reg div.tickbox-col-1
{
    width: 24px;
    float: left;
    margin: 0 0 0 -2px;
}

div#reg div.tickbox-col-2
{
    margin: 3px 0 0 0;
}

div#reg div.tickbox-col-1 input
{
    border: 0;
}

div#reg div.tickbox-row-2
{
    margin: 7px 0 0 0;
}

div#reg h1.after-intro
{
    margin-bottom: 29px;
}

div#reg div.business-col-1
{
    width: 140px;
    float: left;
}

div#reg div.business-col-2
{
    width: 142px;
    float: left;
}

div#reg div.business-col-2 input
{
    width: 119px;
    height: 1.3em;
    margin: -1px 0 4px 0;
}

div#reg div.business-col-2-error {
        float: left;
        margin-left: 10px; 
        width: 225px
}

div#reg div.andOr div.business-col-2-error {    
        margin-left: 5px;
}

div.andOr {
    border: #999999 1px solid;
    background: #ebebeb;
    padding: 5px 5px 7px 5px;
}

div.andOr div.business-col-2 {
    margin-left: -3px;
}

div#reg select
{
    
    color: #000000;
    margin: 0 0 2px 10px;
    position: relative;
    top: -1px;
}

div#reg div.business-col-1-radio
{
    margin: 17px 0 0 0;
    padding: 0 10px 0 0;
    width: 150px;
    float: left;
}

div#reg div.business-col-2-radio
{
    margin: 12px 0 0 0;
    width: 142px;
    float: left;
}

div#reg div.business-col-1-select
{
    width: 140px;
    float: left;
    margin-top: 6px;
}

div#reg div.business-col-2-select
{
    width: 142px;
    float: left;
    margin-top: 5px;
}

div#reg div.business-col-2-select input
{
    width: 119px;
    height: 15px;
}

div#reg div.reg-error
{
    color: #cc0000;
    margin: 0 0 6px 0;
}

div#reg div.reg-tickbox div.reg-error-tickbox
{
    color: #cc0000;
    margin: 6px 0 -2px 0;
    clear: both;
}

div#reg div.reg-error-sorry
{
    color: #cc0000;
    margin: 0 0 14px 0;
}

div#reg p.under-h1
{
    padding-top: 17px;
}

div#reg img.above-h1
{
    margin: 3px 0 12px 0;
}

div#reg img.under-button
{
    margin: 7px 0 0 0;
}

div#reg p.terms
{
    padding: 13px 0 0 0;
}

div#reg div.help
{
    float: right;
    margin: -1px 0 0 0;
}

div#reg div.subtitle-under-tickbox
{
    font-weight: bold;
    margin: 33px 0 0 0;
    color: #999999;
}

div#reg img.send
{
    margin:0 0 0 150px;
}

div#reg div.checkout-bottom-nav img
{
    margin: 0 13px 0 0;
}
/* SHOP REGISTRATION END */

div.Content-Area2 div.Top-Category img.Float-Left {
display:block;
position:relative;
clear:both;
float:left;
margin:-20px 0 5px 0;
padding:0;
}


/* Additional Styles from Kwok and Sukh */

div#application
{
    width: 570px;
    color: #000000;
}

div#application-popup
{
    width: 357px;
    color: #000000;
    height: 100%;
}

div#application h1
{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    padding: 0 0 3px 10px;
    border-bottom: 1px solid #666666;
    margin: 0 0 12px -10px;
    position: relative;
    top: 12px;
}

div#application-popup h1
{
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    padding: 0 0 3px 10px;
    border-bottom: 1px solid #666666;
    margin: 0 0 12px -10px;
    position: relative;
    top: 4px;
}

div#application h1.after-subtitle
{
    margin-top: -12px;
    margin-bottom: 0;
}

div#application h1.2line
{
    border-right: 1px solid #ffffff;
}

div#application h1.terms-top
{
    margin-top: -15px;
    border-right: 1px solid #ffffff;
}

div#application input
{
    
    color: #000000;
    line-height: 1em;
    border: 1px solid #666666;
}

div#application input.radio
{
    border: 0;
    position: relative;
    top: 2px;
}

div#application div.radio-block
{
    margin: 26px 0 0 -5px;
}

div#application div.radio-block-under-tickbox
{
    margin: 1px 0 0 -5px;
}

div#application a img
{
    border: 0;
}

div#application a   {
    color: #cc0000;
    text-decoration: none;
    }

div#application a:hover {
    color: #990000;
    text-decoration: none;
    }

div#application a.dim   {
    color: #666666;
    }

div#application span.hi-light   {
    color: #cc0000;
    }

div#application div.application-indent
{
    margin: 10px;
    margin-right: 0;
}

div#application-popup div.application-indent
{
    margin: 10px;
    margin-right: 0;
    height: 274px;
}

div#application img#application-title
{
    display: block;
    margin: 0 0 17px 0;
}

div#application p
{
    margin: 0 0 1em 0;
}

div#application div.log-in-col-1
{
    width: 91px;
    float: left;
}

div#application div.log-in-col-2
{
    width: 146px;
    float: left;
}

div#application div.email-col-1
{
    width: 140px;
    float: left;
}

div#application div.email-col-2
{
    width: 146px;
    float: left;
}

div#application div.email-col-2 input
{
    width: 119px;
    height: 15px;
    margin: -1px 0 4px 0;
}

div#application div.email-col-2 textarea
{
    width: 238px;
    height: 104px;
    margin: -1px 0 4px 0;
    border: 1px solid #000000;
    
    color: #000000;
    line-height: 1em;
}

div#application div.log-in-col-2 input
{
    width: 119px;
    height: 15px;
    margin: -1px 0 4px 0;
}

div#application div.application-col-1
{
    width: 120px;
    float: left;
}

div#application div.application-col-2
{
    width: 142px;
    float: left;
}

div#application div.order-col-1
{
    width: 130px;
    float: left;
    margin: 0 0 6px 0;
}

div#application div.order-col-2
{
    float: left;
}

div.order-col-1 strong
{
    color: #000000;
}

div#application div.application-col-2 input
{
    width: 119px;
    height: 15px;
    margin: -1px 0 4px 0;
}

div#application p.application-intro
{
    padding: 0 0 3px 0;
}

div#application p.application-mid
{
    padding: 12px 0 3px 0;
}

div#application p.between-buttons
{
    padding: 19px 0 6px 0;
}

div#application img.log-in
{
    margin: 3px 0 0 0;
}

div#application img.question
{
    position: relative;
    top: 2px;
    margin: 0 0 0 1px;
}

div#application div.tick-block
{
    padding: 16px 0 8px 0;
}

div#application div.tickbox-col-1
{
    width: 24px;
    float: left;
    margin: 0 0 0 -2px;
}

div#application div.tickbox-col-2
{
    float: left;
    margin: 3px 0 0 0;
}

div#application div.tickbox-col-1 input
{
    border: 0;
}

div#application div.tickbox-row-2
{
    margin: 7px 0 0 0;
}

div#application h1.after-intro
{
    margin-bottom: 29px;
}

div#application div.business-col-1
{
    width: 140px;
    float: left;
}

div#application div.business-col-2
{
    width: 142px;
    float: left;
}

div#application div.business-col-2 input
{
    width: 119px;
    height: 15px;
    margin: -1px 0 4px 0;
}

div#application select
{
    
    color: #000000;
    margin: 0 0 2px 10px;
    position: relative;
    top: -1px;
}

div#application div.business-col-1-radio
{
    margin: 17px 0 0 0;
    padding: 0 10px 0 0;
    width: 150px;
    float: left;
}

div#application div.business-col-2-radio
{
    margin: 12px 0 0 0;
    width: 142px;
    float: left;
}

div#application div.business-col-1-select
{
    width: 140px;
    float: left;
    margin-top: 6px;
}

div#application div.business-col-2-select
{
    width: 142px;
    float: left;
    margin-top: 5px;
}

div#application div.business-col-2-select input
{
    width: 119px;
    height: 15px;
}

div#application div.application-error
{
    color: #cc0000;
    margin: 0 0 6px 0;
}

div#application div.application-tickbox div.application-error-tickbox
{
    color: #cc0000;
    margin: 6px 0 -2px 0;
    clear: both;
}

div#application div.application-error-sorry
{
    color: #cc0000;
    margin: 0 0 14px 0;
}

div#application p.under-h1
{
    padding-top: 17px;
}

div#application img.above-h1
{
    margin: 3px 0 12px 0;
}

div#application img.under-button
{
    margin: 7px 0 0 0;
}

div#application p.terms
{
    padding: 13px 0 0 0;
}

div#application-popup p
{
    margin-top: -1px;
}

div#application-popup a {
    color: #cc0000;
    text-decoration: none;
    }

div#application-popup a:hover   {
    color: #990000;
    text-decoration: none;
    }

div#application-popup a.application-close   {
    float: right;
    }

div#application div.help
{
    float: right;
    margin: -1px 0 0 0;
}

div#application div.subtitle-under-tickbox
{
    font-weight: bold;
    margin: 33px 0 0 0;
    color: #000000;
}

div#application img.send
{
    margin:0 0 0 150px;
}

/* CH22Oct06: FAQ changes caused by Stamps & Collecting */
div.green div.faqs {
    float: left;
    padding-left: 10px;
    margin-left: 0px;
}

div#Content-Middle-3col div.Content-Area2 div.default div.faqs,
div#Content-Right div.Content-Area2 div.default div.faqs{
    float: left;
    padding-left: 0px;
    margin-left: 0px;
}
div#Content-Right div.default div.Content-Area2 div.faqs{
width:559px;
margin:0;
padding:0;
}
div#Content-Right div.default div.Content-Area2 p.Top{
float:right;
}

div#Content-Middle-3col div.Content-Area2 div.faqs ol,
div#Content-Right div.Content-Area2 div.faqs ol{
    clear: left;
    list-style: none;
    padding: 0px;
    margin: 0px;
    background: none;
}

div#Content-Middle-3col div.Content-Area2 div.faqs ol li,
div#Content-Right div.Content-Area2 div.faqs ol li{
    list-style: none;
    padding-left: 0px;
    background: none;
}

div#Content-Middle-3col div.Content-Area2 div.faqs ol li.faq,
div#Content-Right div.Content-Area2 div.faqs ol li.faq{
    list-style: none;
    background: none;
    padding-bottom: 5px;
    padding-left: 0px;
    margin: 0px;
}
div#Content-Middle-3col div.Content-Area2 div.faqs ol li .paragraph{
margin-left:5px;
}
#Content-Middle-3col .default .Content-Area2 div.faqs ol li .paragraph ol,
#Content-Right .default .Content-Area2 div.faqs ol li .paragraph ol{
margin:5px 0 5px 25px;
}

div.faqs ol li.faq a.link-arrow {
    text-decoration: underline;
    background: none;
}

div.faqs p.Top a:link,
div.faqs p.Top a:visited {
    color: #cc0000;
    text-decoration: underline;
	clear:both;
	margin-left: 300px;
	line-height: 3em;
}

div.faqs li .paragraph {
	float: left; 
	margin: 0;
	padding: 0;
}

a.Top img { 
	float: left;
	margin: 0;
	padding:5px 10px;
}

h2.faq { clear: both; }

/* Diversity calendar */
div.caldate-wht22 a
	color:#000000;
	text-decoration:underline;
}
	
div.lightlightblue {
	 position: relative;
	 left:10px;
	 width:170px;
	 background-color:#BFCCE1;
}

/* Diversity quiz */
#quiz fieldset,
#quiz fieldset legend {
	margin-left:-3px;
	padding:0;
	border:0;
}
#quiz .question {
	clear:both;
    padding-top:10px;
	display:block;
	position:relative;
	color:#204a92;
	width:448px;
	font-weight:bold;
	font-size:1.2em;
}

#quiz .answer_li {
	display:block;
	padding-bottom:5px;
	background-image: none;
	clear:both;
}

#quiz .answer_li input{
 display:block;
 float:left;
 padding:0;
 margin-top:0; 
}

#quiz .answer_li label {
 width:385px;
 margin:2px 0 0 5px;
 display:block;
 float:left;
}

#quiz textarea {
    width: 238px;
    height: 104px;
    margin-left:14px;
    border: 1px solid #999999;
}

#quiz .answer,
#quiz .answer_bottom {
	font-size:1em;
}

#quiz .answer_bottom{
	margin:5px 0 25px 20px;
}
/* Diversity quiz END */
#pageHeader h1{
	padding: 0;
	margin: 0;
}

#pageHeader h1 span.notShown{
	position: absolute;
	left: -9999px;
	font-size: 0;
}

#Content-Middle-3col .default .Content-Area2 .paragraph a img {
	clear:both;
	display:block;
	border:1px solid blue;
	padding-bottom:5px
}

#Content-Middle-3col .Stretchy-2-col .Content-Area2 {
	margin-bottom:10px
}

#pageHeader h1{
	padding: 0;
	margin: 0;
}

#pageHeader h1 span.notShown{
	position: absolute;
	left: -9999px;
	font-size: 0;
}
.Hidden-Label {
   display: inline;
   position: absolute;
   left: -9999px;
   font-size: 0;
}

div.thisheader {
margin:0;
padding:0;
overflow:hidden;
clear:both;
}

#Home-Template p.HeaderImage,
#Content-Left p.HeaderImage{
     padding-left: 15px;
     padding-top:90px;
     width:325px;
    height: 52px;
}
#Standard-Template p.HeaderImage {
 display:block;
 margin-top:-73px;
 padding:0 0 5px 10px;
 width:300px;
 height : 85px;
 overflow:hidden;
 clear:both;
 float:left;    
}

#Home-Template #flashcontent {
 padding:0;
}
.Has-Image {
	position:relative;
}
.Has-Image a {
	cursor:pointer;
}
.Has-Image a span {
	width:75px;
	height:86px;
	display:block;
	top:24px;
	left:7px;
	position:absolute; 
	overflow:hidden;
	z-index:10;
	background: transparent url(/images/stamps/transparent.gif) top left repeat !important;
}



 #Content-Right .Stretchy-2-col{width:573px;}
 #Content-Right .Stretchy-2-col .Content-Area2 {width:573px;}
 #Content-Right .Stretchy-2-col .Menu-Item-Row{width:573px;}
 #Content-Right .Stretchy-2-col .Menu-Item {padding:0;margin:0 10px 0 0;
width:276px;background:url(/images/rmg/category-menu-bottom-full.gif) no-repeat bottom left;border:none;}
 #Content-Right .Stretchy-2-col .Menu-Item h3{width:270px;background: #204A92 url(/images/rmg/category-menu-top-full.gif) no-repeat top left;margin:0;}
 #Content-Right .Stretchy-2-col .Menu-Item .Menu-Item-Spacer{width:276px;background:none;padding-top:5px;}
 #Content-Right .Stretchy-2-col .Menu-Item p{margin:2px;background:none;}
div#Standard-Template #Content-Right div.Menu-Item {border:none;}