﻿div.Promo
{
  margin-bottom: 10px;
}

div.Promo h5
{
  background-repeat: repeat-x;
  height: 21px;
  color: #FFFFFF !important;
  font-size: 14px;
  font-weight: bold;
  padding: 6px 6px 0px 6px;
  clear: both;
}

div.Promo h5 span
{
  float: right;
  margin: -6px -6px 0px 0px;
  width: 18px;
  height: 27px;
  display: block;
}

div.Promo ul
{
  list-style: none;
  padding: 0px;
  margin: 0px;
}

div.Promo ul li
{
  padding: 0px;
  margin: 0px;
  clear: both;
  background-color: #FFFFFF !important;
  overflow: hidden;
}

div.LeftBar div.Promo ul li
{
  height: auto !important;
  background-image: none !important;
}

div.Promo ul li img
{
  float: left;
  width: 62px;
  height: 61px;
  border: solid 1px #D6D7D8;
  padding: 3px;
  margin: 8px 10px 0px 0px !important;
}

div.Promo ul li div.Holder
{
  float: left;
  width: 480px;
}

div.LeftBar div.Promo ul li div.Holder
{
  width: 200px !important;
  margin-left: 6px;
}

div.RightBar div.Promo ul li div.Holder
{
  width: 200px !important;
  margin-left: 6px;
}

div.Promo ul li div.Holder h6
{
  margin-top: 6px;
  font-size: 13px;
  height: 18px;
  overflow: hidden;
  margin-bottom: 6px;
}

div.Promo ul li div.Holder p
{
  font-size: 13px;
  background-color: #FFFFFF !important;
  color: #333333 !important;
  background-image: none !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-weight: normal !important;
  height: 18px;
  overflow: hidden;
}

div.Promo ul li div.Holder p a
{
  color: #333333 !important;
}

div.Promo ul li div.Holder p.EmptyMessage
{
  height: auto;
  margin: 6px 0px 6px 0px;
}

div.CenterBar div.Promo ul li div.Holder div.hr
{
  margin-left: 80px;
}

div.LeftBar div.Promo ul li div.Holder p
{
  padding-left: 0px !important;
}

div.Promo h5.Bronze
{
  background-image: url('../../../Images/Colours/Bronze/Background.jpg');
}

div.Promo h5.Bronze span
{
  background-image: url('../../../Images/Colours/Bronze/Right.jpg');
}

div.Promo h5.Green
{
  background-image: url('../../../Images/Colours/Green/Background.jpg');
}

div.Promo h5.Green span
{
  background-image: url('../../../Images/Colours/Green/Right.jpg');
}

div.Promo h5.Indigo
{
  background-image: url('../../../Images/Colours/Indigo/Background.jpg');
}

div.Promo h5.Indigo span
{
  background-image: url('../../../Images/Colours/Indigo/Right.jpg');
}

div.Promo h5.Khaki
{
  background-image: url('../../../Images/Colours/Khaki/Background.jpg');
}

div.Promo h5.Khaki span
{
  background-image: url('../../../Images/Colours/Khaki/Right.jpg');
}

div.Promo h5.Mauve
{
  background-image: url('../../../Images/Colours/Mauve/Background.jpg');
}

div.Promo h5.Mauve span
{
  background-image: url('../../../Images/Colours/Mauve/Right.jpg');
}

div.Promo h5.Red
{
  background-image: url('../../../Images/Colours/Red/Background.jpg');
}

div.Promo h5.Red span
{
  background-image: url('../../../Images/Colours/Red/Right.jpg');
}

div.Promo h5.Sea
{
  background-image: url('../../../Images/Colours/Sea/Background.jpg');
}

div.Promo h5.Sea span
{
  background-image: url('../../../Images/Colours/Sea/Right.jpg');
}

div.Promo ul.Bronze h6, div.Promo ul.Bronze h6 a
{
  color: #C6AD56;
}

div.Promo ul.Green h6, div.Promo ul.Green h6 a
{
  color: #AFC696;
}

div.Promo ul.Indigo h6, div.Promo ul.Indigo h6 a
{
  color: #65ABC4;
}

div.Promo ul.Khaki h6, div.Promo ul.Khaki h6 a
{
  color: #C0B08A;
}

div.Promo ul.Mauve h6, div.Promo ul.Mauve h6 a
{
  color: #AA9BB0;
}

div.Promo ul.Red h6, div.Promo ul.Sea h6 a
{
  color: #DE6E30;
}

div.Promo ul.Sea h6, div.Promo ul.Sea h6 a
{
  color: #75C5B1;
}

