body {
  font-family: Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  text-align:center;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: x-small;
  line-height: 1.5em;
  background: #82bee7 url(i/bg.jpg) repeat-x;
}

img {
  border:0
}

/*=============== Links ===============*/

A:link, A:active, A:visited {
  color: #1b6dd3;
  text-decoration: none;
}

A:hover {
  color: #a50101;
  text-decoration: none;
}


/*=============== Font Elements ===============*/
p {
  margin: 0 0 14px 0;
  line-height: 180%;
  color:#333;
  padding: 0;
  font-size: 120%;
}

p.copy {
  margin: 0 0 15px 0;
  line-height: 160%;
}

h1 {
  font:normal 40px/40px georgia;
  margin: 0 0 7px 0;
}

h1.title {
  margin:27px 0 0 17px;
  padding:0;
  background-image:url(i/savings-bonds.gif);
  height:151px;
  width:339px;
  float:left;
}

h2, h4 {
    font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 38px;
font-style: normal;
font-weight: normal;
letter-spacing: -2px;
margin:0 0 18px 0;
padding:0;
}


h3 {
  font-size: 130%;
  margin: 8px 0 8px 0;
  color:#95513b;
}


h5 {
  font-size: 120%;
  margin: 0;
  color:#824892;
  font-weight:bold;
}


/*=============== Positional Elements ===============*/
	
#wrapper {
  width:963px;
  margin:0px auto;
  text-align:left;
  background-color:#fff;
  border-left: 10px solid #c9e7fb;
  border-right: 10px solid #c9e7fb;
}

#top {
  height:560px;
  background-image:url(i/header-bg.jpg);
}

#top A:link, #top A:active, #top A:visited {
  color: #fff;
  text-decoration: none;
}

#top A:hover {
  color: #c45905;
  text-decoration: none;
}

#content {
  margin: 20px 20px 20px 25px;
}

#footer {
  height: 55px;
  clear: both;
  background: #fff;
  margin: 25px 0 0 0;
  padding:5px 10px;
}

#sections {
  margin:50px 0;
}

.row {
padding-bottom:20px;
  margin:45px 0 30px 25px;
  border-bottom:2px solid #fee8d4;
}

.rowpicleft {
  float:left;
  margin:30px 64px 0 0;
}

.rowpicright {
  float:left;
  margin:30px 0 0 30px;
}

.rowpiclefter {
  float:left;
  margin:30px 44px 0 20px;
}

.rowtext {
  float: left;
  width:365px;
}

.rowlist {
  float:left;
  margin:0 0 0 60px;
  width:230px;
}

ul.ticklist {
  margin:0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size:120%;
}

ul.ticklist li {
  margin:16px 25px 16px 0;
  line-height: 140%;
  padding-left: 24px;
  background-image: url(i/in.gif);
  background-repeat: no-repeat;
  background-position:left;
}

ul.ticklist li {
  background-image: url(i/in.gif);
}

.listname {
font-family: “Lucida Sans Unicode”, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
letter-spacing: -1px;
margin:0 0 22px 0;
padding:0;
}

.green {
  color:#6d9324;
}

.brown {
  color: #95513b;
}

.buttons {
  float:right;
  margin:19px 59px 0 0;
}

.shimmy {
  margin-left:46px;
}

.toptext {
  width:515px;
  margin:180px 0 0 27px;
}

.black {
  color:#000;
}

.accessible {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}

.clear {
	content: "."; 
    display: block; 
    height: 10px; 
    clear: both; 
    visibility: hidden;
    }

.imagebox {
  margin:15px 0 0 21px;
  float: left;
  width: 358px;
}

.imagetitle {
  margin: 0;
  padding: 4px 0;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f8f8f8;
}

.hoverpic {
  margin:5px 8px 0 0;
  padding:2px;
  border:1px solid #e2e2e2;
  float: left;
}

.bigpic {
  margin:5px 0;
  border:1px solid #e2e2e2;
}

.horizontitle {
  font-size:110%;
  margin: 0;
  padding: 4px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f5f9fb;
}

.intro{
  width:450px;
  margin:0 11px 0 0;
  padding: 0 0 20px 0;
  float: left;
}

.price {
  font-family:Arial, Helvetica, sans-serif;
  font-size:350%;
  font-weight:bold;
  padding: 15px 20px 13px 25px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#e5f2fa;
}

.priceinfo {
  font-size:110%;
  margin-bottom: 25px;
  padding: 8px 20px 10px 25px;
  border-bottom: 1px dotted #bebebe;
  background:#ebfadc;
}  

.priceinfo p {
  margin: 0;
  line-height: 180%;
  color:#333;
  padding: 0;
  font-size: 110%;
}

.video {
  width:185px;
  line-height:160%;
  font-size:110%;
  padding: 10px 10px 10px 15px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
  background:#f6f6f6;
  float:left;
  margin:5px 15px 5px 0;
}

.videopic {
  margin:5px 0;
  padding:2px;
  border: 1px solid #e4e4e4;
  background-color:#fff;
}

.video p {
  margin: 0;
  line-height: 140%;
  color:#333;
  padding: 0;
  font-size: 100%;
}

#sections {
  background-color: #fff;
  padding: 3px;
  font-size: 170%;
  margin: 30px 0 20px 0;
  color:#824892;
  line-height:130%;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  }

#sections ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
  border: none;
} 

#sections ul li {
  margin-left: 0;
  padding-right: 20px;
  border: none;
  list-style: none;
  display: inline;
}

.midalign img, span.midalign {
  vertical-align: middle;
  margin:0!important;
  padding:0!important;
  line-height:0!important;
}

.floatleft {
  float: left;
  padding: 0 10px 8px 0;
  margin: 0;
}

.floatright {
  float: right;
  padding: 0 0 0 5px;
  margin: 0;
}

p.righttext {
  float: right;
}

p.lefttext {
  float: left;
}

p.righttext, p.lefttext {
  padding: 10px 15px 0 15px;
  margin:0;
}

ul.offerlist {
  margin:10px 0 16px 0;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  font-size: 120%;
}

ul.offerlist li {
  line-height: 175%;
  padding-left: 25px;
  background-image: url(i/tick.gif);
  background-repeat: no-repeat;
  background-position:left;
  margin:0 0 10px 10px;
}

.break {
  height: 1px;
  background-color:#d5d6d6;
  line-height:0;
}

.infobox {
  font-size:110%;
  margin: 30px 0;
  padding: 10px;
  border-top: 1px dotted #bebebe;
  border-bottom: 1px dotted #bebebe;
}

dl.sitemap {
  font-size:110%;
  margin: 8px 0 23px 0;
  padding:0;
}

dl.sitemap dt {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 210%;
  line-height: 110%;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color:#4e4e4e;
}

dl.sitemap dd {
  margin: 2px 10px 0 0;
  line-height: 1.15em;
  padding:0 0 10px 14px;
}

dl.sitemap dd {
  background: url(http://www.savingsbonds.org.uk/i/weearo.gif) no-repeat;
}