@charset "iso-8859-1";
BODY { background-color: #99ccff; 
  color: #003366;
  font: 13px/1.5em Georgia, "New York", Palatino, "Times New Roman", sans-serif;
  padding: 5px 25px 0;
  margin: 0;
}
p {
  font: 11px/1.5em verdana,helvetica;
  color: #036;
}
ul,ol {
  font: 11px/1.5em verdana,helvetica;
  color: #fff;
  margin-top: 2px;
  margin-bottom: 0px;
}
TD {
  font-size: 13px;
  color: #036;
  font-family: verdana,sans-serif;
}

a {
  color: #ff0;
  border-bottom: 1px solid #ffdd00;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}
A:hover { color: #003366;
  background-color: #cccccc;
}
.leftcol { width: 310px; 
}
.spacercol { width: 14px;
}
.centrecol { width: 468px;
}
.rightcol { width: 120px; 
}
.white	{
  background-color: #036;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  padding-left: 5px;
}
.whitetext	{
	clear: both;
	background: #369 url(/images/roundedlb.jpg) no-repeat top left;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 0 0 0 6px;
	position: relative;
        font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
  	font-weight: bold;
	margin: 5px 0 5px 0;
}
.nav{
        font-family: verdana,arial,helvetica,sans-serif;
	font-size: 9px;
  	font-weight: bold;
  	background-color: #036;
	color: #fff;
	padding: 0 0 0 2px;
	margin-bottom: 2px;
}
.bluenav {
  background-color: #fff;
  color: #369;
  font-size: 10px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  padding-left: 3px;
}
.bluenavtop {
	clear: both;
	background: #369 url(/images/roundedlb.jpg) no-repeat top left;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 3px 0 3px 6px;
	position: relative;
        font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
  	font-weight: bold;
	margin-bottom: 0;
}
.bluex {
  background-color: #369;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
}
.dkblue	{
  color: #006;
  font-weight: bold;
}
.bluelink {
  font-size: 11px;
  color: #006;
  text-decoration: none;
}
.yellow {
  color: #ff0;
  font-weight: bold;
}
.greyl {
  margin-left: 4px;
  font-size: 9px;
  color: #ccc;
  font-weight: bold;
}
.yelsm {
  color: #fff;
  font-size: 9px;
  font-family: tahoma,arial;
}
.feature	{
  background-color: #036;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  padding-left: 5px;
}
.badge	{ 
        background-color: #69c;
		width: 460px;
		height: 210px;
        color: #fff;
		font-size: 12px;
		font-weight: bold;
		font-family: verdana,arial,helvetica,sans-serif;
        padding: 5px 3px 0px 5px;
}
.badge img {
		float: right;
		 border: 1px solid #ff0;
		 padding: 5px;
		margin: 0 0 2px 2px;
}
img.icon {vertical-align:middle;
		margin: 5px 15px 2px 18px;
}
h1 {
  margin: 10px 0px 10px 0px;
   font-size: 22px;
   font-weight: bold;
}
.box {
  width: 300px;
  padding: 2px 4px;
  border: 2px solid #69c;
  background: #fff;
}
.left {
  margin: 2px auto 4px 0;
}
.middlebox {
  padding: 4px;
  border: 1px solid #69c;
  background: #fff;
  margin-bottom: 2px;
}
.deliverycontent {
    width:468px;
    height:105px;
    margin-top: 6px;
    margin-bottom: 6px;
    border: #069 2px;
    background-color:#69c;
    border-style: dashed;
}
.deliveryheader
{
	padding-left:10px; 
	height:25px; color:#fff; 
	background-color:#006; 
	font-size:13px; 
	font-weight:bold;
	line-height:25px;
}
.deliverytext
{
  padding:10px;
  text-align:left;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #006;
}
.featureft
{
	padding-left:10px; 
	height:20px; color:#fff; 
	background-color:#069; 
	font-size:11px; 
	font-weight:bold;
	line-height:20px;
}
.gpcodetext
{
  padding:10px;
  text-align:left;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  background-color:#06c;
  color: #fff;
}
.gpcontent {
    width:468px;
	margin-top: 8px;
    margin-bottom: 4px;
    border: #f60 1px;
    background-color:#fff;
    border-style: dashed;
}
.gpheadline {
	padding-left:10px; 
	height:25px; color:#fff; 
	background-color:#f60; 
	font-size:13px; 
	font-weight:bold;
	line-height:25px;
}
.cbcheadline {
	padding-left:10px; 
	height:25px; color:#fff; 
	background-color:#c33; 
	font-size:13px; 
	font-weight:bold;
	line-height:25px;
}
.voucherscontent {
  width:468px;
  margin-top: 3px;
  margin-bottom: 1px;
  border: #fff 2px;
  background-color:#006;
  border-style: dashed;
}
h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-left:10px; 
  height:25px; color:#fff; 
  background-color:#003399; 
  font-size:13px; 
  font-weight:bold;
  line-height:25px;
}
.vouchersfooter {
  padding-left:10px; 
  height:20px; color:#fff; 
  background-color:#003; 
  font-size:11px; 
  font-weight:bold;
  line-height:20px;
}
.vouchercodetext {
  padding:10px;
  text-align:left;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #fff;
}
.newsheader {
    margin-top: 0px;
    margin-bottom: 0px;
	padding-left:10px; 
	height:18px; color:#fff; 
	background-color:#333; 
	font-size:13px; 
	font-weight:bold;
	line-height:18px;
}
.newscontent {
    width:468px;
    margin-top: 3px;
    margin-bottom: 2px;
    border: #fff 1px;
    background-color:#666;
}
.newsfooter {
	padding-left:10px; 
	height:20px; color:#fff; 
	background-color:#000; 
	font-size:10px; 
	font-weight:bold;
	line-height:16px;
}
.newstext {
  padding:9px;
  text-align:left;
  font-weight: bold;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #fff;
}
.sdmenu {
    width: 310px;
    font-family: tahoma;
	font-weight: bold;
    font-size: 12px;
    color: #fff;
}
.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 2px 0;
    font-weight: bold;
    background-color: #036;
	font-size: 12px;
	border: 1px solid #ccc;
	font-family: tahoma;
}
.sdmenu .arrow {
	margin-left: 10px;
    margin-right: 7px;
}
.sdmenu .submenu {
    overflow: hidden;
}
.sdmenu .submenu a {
    padding: 2px 0;
    text-indent: 10px;
    background: #eee;
    display: block;
    border-bottom: 1px solid #ccc;
    color: #369;
    text-decoration: none;
}
.sdmenu .submenu a:hover {
    background : #369 url(/images/nav/linkarrow.gif) no-repeat right center;
    color: #fff;
}
.newsletter {
  background-color: #369;
  color: #ccc;
  font-size: 10px;
  font-family: verdana,arial,helvetica,sans-serif;
  padding-left: 5px;
}
.spacer {
padding: 0px 0px 3px 0px;
}
.roundedheader {
	clear: both;
	background: #036 url(/images/roundedl.jpg) no-repeat top left;
        font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
  	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #fff;
	padding: 0 0 6px 6px;
	position: relative;
	margin-bottom: 0;
}
.roundedheader h4 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(/images/roundedr.jpg) no-repeat top right;
	color: #9cf;
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 6px;
}
.roundedheaderlb {
	clear: both;
	background: #369 url(/images/roundedlb.jpg) no-repeat top left;
        font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
  	font-weight: bold;
	color: #fff;
	border-bottom: 1px solid #369;
	padding: 0 0 6px 6px;
	position: relative;
	margin-bottom: 0;
}
.roundedheaderlb h4 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	background: transparent url(/images/roundedlbr.jpg) no-repeat top right;
	color: #fff;
	padding-top: 8px;
	margin-top: 0;
	margin-bottom: 6px;
}
.codehighlight {
  background-image: url(http://www.shopcodes.co.uk/images/codeclick.jpg); 
  background-color:#9cf; 
  padding: 0px 30px 4px 120px; 
  color:#003;
  font-size:20px; 
  font-weight:bold;
  line-height:40px;
}
.autocode {
  width: 440px;
  padding: 2px 4px;
  border: 10px solid #69c;
  background: #009999;
}