/* Basic structure of site */

html,body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    text-align:center;
    height:100%
    padding:0px;
    margin:0px;
    color: #000000;
}

table.body {
    width: 780px;
    height: 100%;
    margin:0px auto 0px auto;
}

td.header_top {
    text-align:center;
    font-size: 11px;
    color: #000000;
    height: 10px;
    padding-bottom: 5px;    
}

td.hero {
    height: 267px;
    padding-top: 10px;
}

td.header {
    height: 81px;
    background: #FFFFFF;
    padding: 10px 0px 10px 0px;
}

td.menu {
    height: 22px;
    border: 1px solid #B2B2B2;
}  

td.outer {
    text-align:left;
    color: #000000;
    background: #FFFFFF;
    vertical-align: top;
}

table.outer{
    width: 100%;
    height: 100%;
}

td.footer {
    text-align:center;
    font-size: 10px;
    height:32px;
    color: #AAAAAA;
}

/* HEADER */

/* header - top */

div.headertop_L {
    text-align: left;
    color: #AAAAAA;
    font-size: 10px;
    float: left;
    bottom: 0px;
}    

html>body div.headertop_L {
    height: 10px;
}

div.headertop_R {
    color: #AAAAAA;
    font-size: 9px;
    text-align: right;
    float: right;
}    

td.header_top h1 {
    display: inline;
    font-size: 10px;
    font-weight: normal;
}    

#header {
    background: #004FB3;
    width: 100%;
    height: 81px;
    position: relative;
}  

#header_L{
    float: left;
    position:relative;
    width:400px;
    height:81px;
    color: #000000;
}

#header_R {
    text-align: left;
    top: 0px;
    right: 0px;
    position: absolute;
    width:366px;
    height:81px;
    color: #000000;
}

/*header - menu*/

div.menu {
   width: 780px;
   clear: both;
   background: url('../template_images/header/menu_right.jpg') repeat-x top left;
}        

table.navitem {
    width: 100%;
    height: 16px;
    margin-top:6px;
}

td.navitem {
    color: #B3B3B3;
    line-height: 16px;
}

td.navitem_last {
    color: #B3B3B3;
    background:#D9D9D9;
    border-left: 1px solid #B2B2B2;
    padding-top: 6px;
}

td.navitem_button {
    width: 30%;
}

#last_menu a {border:0px}

a.navitem_active:link      {background: url('../template_images/header/menu_bg.jpg') repeat-x bottom left;text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem_active:visited   {background: url('../template_images/header/menu_bg.jpg') repeat-x bottom left;text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem_active:active    {background: url('../template_images/header/menu_bg.jpg') repeat-x bottom left;text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem_active:hover     {background: url('../template_images/header/menu_bg.jpg') repeat-x bottom left;text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; height: 26px;text-decoration: none; line-height: 26px;padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}  

a.navitem:link      {text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem:visited   {text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem:active    {text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2}
a.navitem:hover     {text-align: center;display: block;font-size: 11px; font-weight: bold; color: #666666; height: 26px;text-decoration: none; line-height: 26px;padding: 0px 5px 0px 5px;border-right: 1px solid #B2B2B2;background: url('../template_images/header/menu_bg.jpg') repeat-x bottom left}  

#last a         {text-align: center;display: block;font-size: 11px; font-weight: bold;color: #666666; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border:0px}
#last a:hover   {text-align: center;display: block;font-size: 11px; font-weight: bold;background: #666666;color: #FFFFFF; text-decoration: none; height: 26px;line-height: 26px; padding: 0px 5px 0px 5px;border:0px}

td.nav_border {
    width: 5px;
}

/*ENTRY*/

td.entry {
   font-size: 11px;
   background: #FFFFFF;
   padding: 0px 0px 20px 0px;
   vertical-align: top;
}

td.rhs {
    width: 135px;
    padding-left: 5px;
    vertical-align: top;
}


/*INFO*/

td.info {
   font-size: 11px;
   background: #FFFFFF;
   padding: 0px 0px 20px 0px;
   vertical-align: top;
}  

td.info p {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

table.content_table {
    width: 100%;
}

table.content_table td {
    width: 33%;
    vertical-align: top;
}

#ec_left p {
    font-weight: bold;
    padding: 10px;
}

td.ec_mid p {
    
}

td.ec_right p {
    
}

div.entry_box {
    background: url('../template_images/entry_box_bg.gif') repeat-x top left;
    height: 130px;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 2px 0px 0px 0px;
    position: relative;
}

div.entry_box li {
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 20px;
}

div.entry_box li a:link      {color: #FFFFFF}
div.entry_box li a:visited   {color: #FFFFFF}
div.entry_box li a:active    {color: #FFFFFF}
div.entry_box li a:hover     {color: #FFFFFF}  

div.entry_box p {
    color: #FFFFFF;
    padding: 0px 5px 0px 0px;
}

div.entry_box img {
    margin-bottom: 5px;
}

div.entry_box table {
    margin: 0px 10px 0px 10px;
}

div.entry_box table td.text {
    color: #FFFFFF;
    padding-bottom: 5px;
}

div.entry_box table td input.field {
    height: 22px;
    width: 160px;
}

div.entry_box div.cnr {
    top: 101px;
    position: absolute;
    right: 0px;
}

div.search {
    padding: 0px;
    margin-bottom: 10px;
}

/* sub menu */

table.menu {
    width: 100%;
    margin-bottom: 10px;
}

td.menu_hero {
    width: 498px;
}

td.menu_lhs {
    vertical-align: top;
}

* html td.menu_lhs {
    height: 90%;
}

td.menu_lhs table {
    width: 250px;
    border-top: 1px solid #FFFFFF;
    margin: 6px 0px 0px 20px;
}

td.menu_lhs table td.icon {
    border-right: 0px;
    padding-right: 5px;
}

td.menu_lhs table td.last {
    height: 22px;
    background: url('../template_images/header/sub_menu_last.png') no-repeat bottom right;
    border-right: 0px;
    border-bottom: 0px;
}

td.menu_lhs table td {
    line-height: 21px;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

td.menu_bot {
    height: 107px;
    vertical-align: top;
}

td.menu_bot h1 {
    text-align: right;
    font-size: 20px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    color: #FFFFFF;
    line-height: 22px;
    padding: 10px 10px 0px 0px;
    margin: 0px;
}

a.s_nav               {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav:link          {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav:active        {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav:visited       {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav:hover         {display: block;font-size:11px;color: #000000;font-weight: bold}

a.s_nav_active               {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav_active:link          {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav_active:active        {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav_active:visited       {display: block;font-size:11px;color: #000000;font-weight: bold}
a.s_nav_active:hover         {display: block;font-size:11px;color: #000000;font-weight: bold}


/* MODULE (side) BOX(S) */

div.mod_box {
    width: 133px;
    border: 1px solid #E3E3E3;
    margin: 0px 0px 5px 0px;
}

* html div.mod_box {
    width: 135px;
}

div.mod_box span {
    text-align: center;
    display: block;
    line-height: 25px;
    font-weight: bold;
    font-size: 11px;
    color: #4F4F4F;
    background: url(../template_images/mod_header.jpg) repeat-y top right;
    height: 25px;
    border-bottom: 1px solid #E3E3E3;
}    

div.mod_box div {
    padding: 3px 3px 3px 5px;
    margin: 0px
}   

div.mod_box div input.field {
    font-size: 11px;
    width: 110px;
}    

#adspace {
    padding-left:5px
}

/*footer*/

td.footer a             {color: #AAAAAA}
td.footer a:link        {color: #AAAAAA}
td.footer a:active      {color: #AAAAAA}
td.footer a:visited     {color: #AAAAAA}
td.footer a:hover       {color: #000000}

#divtop {
    text-align: right;
    width: 100%;
    height: 32px;
    background: url('../template_images/Bwired_footer_bg.jpg') no-repeat top right;
    padding: 5px 10px 0px 0px;
}

#divtop a             {color: #FFFFFF}
#divtop a:link        {color: #FFFFFF}
#divtop a:active      {color: #FFFFFF}
#divtop a:visited     {color: #FFFFFF}
#divtop a:hover       {color: #FFFFFF}

#divbottom {
   margin-top: 5px;
}

/* HELP */

#help {
    color: #666666;
}

#help a {
    color: #666666;
}

table.help_search {
    font-size: 11px;
    width: 100%;
    padding-bottom: 10px;
}

table.help_body {
    width: 100%;
    border-top: 1px solid #006AC;
    padding-top: 10px;
}

td.help_icon {
    text-align: left;
    width: 16px;
}

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

td.help_section {
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}    

td.help_question {
    font-weight: bold;
    color: #666666;
    padding: 3px 0px 3px 10px;
}    

td.help_answer {
    font-style: italic;
    color: #000000;
    padding-left: 20px;
}    

table.help_topten {
    width: 100%;
    border-top: 1px solid #E3E3E3;
    padding-top: 10px;
    margin-top: 25px;
}

td.help_topten_header {
    font-weight: bold;
    color: #000000;
}   

#filerow {}

#filerowalt {
    background: #F8F8F8;
}

/* NEWS */

div.news h5 {
    font-size: 11px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

div.news span {
    display: block;
    font-style: italic;
}

/* FORMS */

table.feedback {
    width: 100%;
}  

table.form_table {
   text-align: left;
   border: 0px;
   width: 100%;
   margin: 10px auto 10px auto;
   padding-bottom: 5px;
   
}

table.form_radio {
   text-align: center;
   border: 1px solid FFFFFF;
   width: 100%;
   padding-bottom: 5px;
}

input.form_radio{
	text-align: center;
   border: 1px solid FFFFFF;
   width: 10px;
   padding-bottom: 5px;
 }
 
 td.form_radio{
	text-align: center;
   border: 1px solid FFFFFF;
   width: 10px;
   padding-bottom: 5px;
 }

td.feedback_text {
    text-align: left;
    font-size: 11px;
    color: #000000;
    vertical-align: top;
	padding-left: 20px;
}

td.register_header{
	color:#666666;
	background-color:#D9D9D9;
	text-indent: 20px;
}

td.form_right {
   text-align: left;
   width:56%;
}

td.form_left {
   text-align: left;
   padding: 0px 15px 0px 20px;
   width:44%;
   
}

td.form_left_item {
   text-align: left;
   padding: 0px 15px 0px 5px;
   border-bottom: 1px solid #666666;
}

td.form_right_item{
	text-align: center;
	border: 1px solid #666666;
	background-color: #D9D9D9;
	width:60px;
}

td.form_right input,textarea {
   font-size: 10px;
   color: #000000;
   
   border: 1px solid #E3E3E3;
   margin: 5px 0px 5px 0px;
   overflow: auto;
}   

td.form_section {
    text-align: left;
    font-weight: bold;
    color: #000000;
    padding: 10px 0px 0px 10px;
    border-bottom: 1px solid #000000;
}  

input.field {
   font-size: 10px;
   color: #000000;
   border: 1px solid #666666;
}

input.button {
   font-size: 10px;
   color: #000000;
   background: #E3E3E3;
   border: 1px solid #666666;
}

input.register{
	font-size: 12px;
   	color: #666666;
   background: #FFFFFF;
   border: 0px;
   font-weight:bold;
   }
  
input.register_field{
	background-color:#D9D9D9;
	border: 0px;
}  	

/* Retailer */

div.postcode_search {
    background: url('../template_images/entry_box_bg.gif') repeat-x bottom left;
    width: 100%;
    height: 70px;
    margin-top: 10px;
    position: relative;
}

div.postcode_search table {
    margin: 10px 0px 0px 20px;
}

div.postcode_search table td.text {
    font-weight: bold;
    color: #FFFFFF;
    padding-bottom: 5px;
}

div.postcode_search table td input.field {
    height: 22px;
    width: 250px;
}

div.postcode_search div.cnr {
    top: 54px;
    position: absolute;
    right: 0px;
}

/* Sitemap */

li.sitemap {
    font-style: italic;
    color: #AAAAAA;
}  

li.sitemap a {
    font-style: normal;
    font-weight: bold;
    color: #666666;
}

/*common*/  

#location {
    text-align: left;
    color: #666666;
    height: 20px;
    padding: 5px 0px 5px 0px;
}    

#location a {
    color: #666666;
}

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

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

div             {margin: 0px;padding: 0px}

p               {font-size: 11px;color: #000000;margin: 0px; padding: 5px 0px 10px 0px}


img             {border: 0px}    

form            {margin: 0px;padding:0px}
select          {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000}
textarea        {font-family: Arial, Helvetica, sans-serif;font-size: 11px;color: #000000}
input           {font-size: 11px}

h4 {
    font-size: 12px;
    font-weight: bold;
    color: #666666;
    background: #D9D9D9;
    height: 26px;
    line-height: 26px;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}

h5 {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    padding: 5px 0px 0px 0px
    margin: 0px;
}

span.headingL {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url('../template_images/content_header_L.jpg') no-repeat top left;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
}

span.headingM {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url('../template_images/content_header_M.jpg') repeat-x top left;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
}

span.headingR {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url('../template_images/content_header_R.jpg') no-repeat top right;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
}

span.heading_full {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url('../template_images/content_header_Full.jpg') no-repeat top left;
    height: 26px;
    line-height: 26px;
    padding-left: 20px;
}

hr  {
    border-width: 0px;
    color: #DECEB4;
    background: #E3E3E3;
    height: 1px;
}

.b {
   font-weight: bold;
}

.top {
   vertical-align: top
}

.mid {
vertical-align: middle
}

.bot {
    vertical-align: bottom;
}    

.center {
    text-align: center;
    margin: 0px auto 0px auto
}

.right {
    text-align: right;
    margin: 0px 0px 0px auto
}

.left {
    text-align: left;
    margin: 0px auto 0px 0px
}

ul {
    list-style-image: url('../template_images/icons/bullet.png');
    margin: 0px 0px 10px 16px;
    padding: 0px 0px 0px 14px
}

* html ul {
    list-style-image: url('../template_images/icons/bullet.png');
    margin: 0px 0px 10px 26px;
    padding: 0px;
}

ol {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 14px
}

* html ol {
    margin: 0px 0px 10px 16px;
    padding: 0px;
}

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

html>body li {
    padding: 0px;
    margin: 0px;
}